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随 着 微软 对 .NET 平台 的 大 力 支 持 , ASPNET 成 为 目前 使 用 最 为 普遍 的 Web 项 目 开发 
技术 之 一 。 随 着 移动 互联 技术 的 井喷 式 发 展 ， 微 软 推出 了 最 新 的 Visual Studio 2012 来 支持 
更 加 多 样 化 的 开发 。 

ASP.NET 使 用 VS 平台 进行 Web 应 用 程序 的 开发 ， 具 有 先天 性 的 优势 。 开 发 人 员 能 
够 快速 使 用 ASP.NET 提供 的 控件 和 技术 进行 网 站 开发 ， 同 时 还 支持 移动 应 用 程序 开发 。 

为 了 让 想 要 系统 学 习 ASP.NET 开发 技术 的 人 员 可 以 在 短 时 间 内 掌握 这 门 技术 ， 特 编 
写 了 本 书 。 本 书 以 实用 为 原则 ， 选 择 了 当前 使 用 最 为 广泛 的 Visual Studio 2012 作为 开发 平 
台 ， 人 全面 、 系 统 、 深 入 地 介绍 了 ASP.NET 开发 的 各 项 技术 。 书 中 提供 了 大 量 的 实例 、 小 
型 开发 模块 和 综合 项 目 案例 供 读者 实战 演练 。 各 章 后 面 还 提供 了 习题 ， 帮 助 读者 巩固 本 章 
所 学 。 相 信 学 习 了 本 书 内 容 后 ， 读 者 能 够 较 好 地 掌握 ASPNET 开发 技术 ， 并 具备 基本 的 
项 目 开 发 能 力 。 


本 书 具 有 如 下 特色 : 

1. 技术 全 面 ， 涵 盖 广 泛 

本 书 几乎 涉及 ASP.NET 应 用 开发 的 所 有 常见 技术 ， 全 面 涵盖 了 ASPNET 基础 、 窗 体 
控件 、 数 据 库 开 发 、Web 页 面 开发 Ajax 技术 、jQuery、 主 题 、 母 版 、CSS 样式 等 内 容 。 

2. 技术 新 颖 ， 紧 跟 趋势 

本 书 紧 跟 Web 开发 的 趋势 ， 书 中 介绍 的 很 多 内 容 都 是 当前 在 .NET 开发 中 应 用 非常 广 
泛 , 而 且 非 常 新 颖 和 流行 的 技术 。 掌 握 了 本 书 内容 , 读者 可 以 快速 地 胜任 实际 的 开发 工作 。 

3. 由 浅 入 深 ， 循 序 渐进 

本 书 从 基础 开始 讲解 ， 然 后 层 层 推 进 ， 逐 步 深 入 到 ASPNET 开发 的 各 种 高 级 技术 ， 
最 后 介绍 了 一 个 网 上 书店 的 综合 项 目 案例 。 全书 学 习 梯度 平滑 , 适合 各 个 层次 的 读者 阅读 。 

4. 实例 丰富 ， 代 码 详解 

本 书 在 讲解 知识 点 时 都 给 出 了 大 量 的 示例 或 实例 供 读者 理解 和 实战 演练 ， 最 后 一 章 介 
绍 了 一 个 网 上 书店 的 综合 项 目 案例 开发 过 程 。 这 些 案例 都 提供 了 完整 的 代码 ， 并 且 给 代码 
进行 了 详细 的 注释 和 剖析 。 

5. 规范 开发 ， 提 高 效率 

本 书 详细 介绍 了 进行 规范 的 应 用 程序 开发 的 要 求 ， 如 设计 需求 分 析 文档 的 编写 、 类 图 
的 编写 等 ， 便 于 读者 编写 出 更 加 规范 和 易于 阅读 的 程序 ， 从 而 提高 开发 效率 。 

本 书 共 分 14 章 ， 内 容 涵盖 了 ASPNET 的 各 个 方面 ， 主 要 内 容 如 下 。 

第 1 章 ，ASPNET 4.5 概述 。 主 要 介绍 了 静态 网 站 与 动态 网 站 、HTTP 协议 、Web 服 
务 器 和 浏览 器 、C/S 结构 与 B/S 结构 、Web 工作 原理 、ASPNET 发 展 历史 、ASPNET 的 开 
发 环境 、 定 制 IDE、 创 建 和 运行 ASP.NET 应 用 程序 等 内 容 。 
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第 2 章 ，ASP.NET 网 页 框架 语言 。 主 要 介绍 了 Web 基本 技术 、XHTML 的 基本 格式 、 
XHTML 常用 标记 及 标记 属性 等 内 容 。 

第 3 章 , ASPNET Web 技术 简介 。 主要 介绍 了 ASPNET 文件 类 型 、ASP.NET 文件 夹 、 
ASPNET 页 面 代码 模式 、 页 面 的 往返 与 处 理 机 制 、 页 面 的 生命 周期 及 事件 、ASP.NET 页 面 
指令 、ASP.NET 的 常用 内 置 对 象 、ASP.NET 配置 管理 等 内 容 。 

第 4 章 ，C# 语 法 基础 。 主 要 介绍 了 C# 语 言 特点 、 如 何 建 立 C# 程 序 、 类 、 对 象 、 属 性 
成 员 与 方法 成 员 、 参 数 传递 、C# 数 据 类 型 、 运 算 符 、 流 程控 制 语 句 、 继 承 、 接 口 、 托 管 、 
命名 空间 等 内 容 。 

第 5 章 ，ASP.NET 服务 器 控件 。ASP.NET 服务 器 控件 概述 、HTML 元 素 和 HTML 服 
务 器 控件 、 标 准 服务 器 控件 、 验 证 控件 、 用 户 控 件 等 内 容 。 

第 6 章 ， 页 面 切 换 与 导航 。 主 要 介绍 了 通过 超 链接 方式 、 控 件 的 PostBackUrl 属性 方 
式 、Response.Redirect 或 Server.Transfer 方式 进行 页 面 切换 、 页 面 间 的 数据 传递 ,还 介绍 了 
ASP.NET 网 站 导航 功能 、 利 用 站 点 地 图 和 SiteMapPath 控件 实现 网 站 导航 、 通 过 Menu 控 
件 实现 导航 、 通 过 TreeView 控件 实现 导航 等 内 容 。 

第 7 章 ， 样式 、 主 题 与 母 版 页 。 主要 介绍 了 CSS 语言 基本 概念 、 页 面 布局 、 主 题 、 母 
版 页 等 内 容 。 

第 8 章 , ADONET 数据 访问 技术 。 主 要 介绍 了 ADONET 基本 概念 ， 使 用 Connection 
连接 数据 库 的 方法 ， 使 用 Command、DataAdapter 对 象 执行 数据 库 命令 对 数据 记录 进行 增 
删改 查 操作 等 内 容 。 

第 9 章 , ASPNET 中 的 数据 绑 定 。 主 要 介绍 了 数据 绑 定 中 的 基本 概念 、 单 值 和 列表 控 
件 的 数据 绑 定 、 通 过 GridView、DataList 和 FormView 控件 进行 数据 绑 定 等 内 容 。 

第 10 章 ，ASPNET AJAX 技术 。 主 要 介绍 了 ASPNET AJAX 基本 概念 、ScriptManager 
控件 、UpdatePanel 控件 、UpdateProgress 控件 、Timer 控件 、 ASP.NET AJAX Control Extenders 
扩展 控件 等 内 容 。 

第 11 章 ，jQuery 技术 。 主 要 介绍 了 jQuery 基本 概念 和 语法 基础 、 通 过 jQuery 修改 
DOM、 使 用 jQuery 的 效果 方法 、jQuery 和 有 效 性 验证 及 实用 提示 等 内 容 。 

第 12 章 ，Web 服务 技术 。 主 要 介绍 了 Web Services 的 概念 、JSON 和 支持 Ajax 的 
Web 服务 、 创 建 和 使 用 支持 Ajax 的 Web 服务 、 支 持 Ajax 的 Web 服务 的 应 用 程序 体系 结 
构 等 内 容 。 

第 13 章 ， 在 ASPNET 中 使 用 XML。 主要 介绍 了 XML 的 基本 概念 、 使 用 ADO.NET 
访问 XML、 使 用 .NET 的 XML 类 访问 XML、XML 的 应 用 和 发 展 前 景 等 内 容 。 

第 14 章 ,介绍 了 一 个 网 上 书店 的 开发 。 

本 教程 内 容 丰 富 、 结 构 合理 、 思 路 清晰 、 语 言 简练 流畅 、 示 例 翔实 。 每 一 章 的 引言 部 
分 概述 了 本 章 的 学 习 目 标 。 在 每 一 章 的 正文 中 ， 结 合 所 讲述 的 关键 技术 和 难点 ， 穿 插 了 大 
量 极 富 实用 价值 的 示例 。 每 一 章 末 尾 都 安排 了 有 针对 性 的 思考 和 练习 ， 思 考题 有 助 于 读者 
巩固 所 学 的 基本 概念 ， 练 习题 有 助 于 培养 读者 的 实际 动手 能 力 、 增 强 对 基本 概念 的 理解 和 
实际 应 用 能 力 。 
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本 书 主要 面向 网 站 建设 初学 者 ， 适 合作 为 各 种 网 站 建设 培训 班 的 培训 教材 、 高 等 院 校 
相关 专业 的 教材 及 ASPNET 应 用 开发 人 员 的 参考 书 。 

本 书 的 电子 教案 、 习 题 答案 和 实例 源 文件 可 以 到 http://www.tupwk.com.cn 网 站 下 载 。 

除 封 面 署 名 的 作者 外 ， 参 加 本 书 编写 的 人 员 还 有 黄 果 、 李 琼 琼 、 周 倩 芸 、 韩 高 洁 、 郭 
纳 、 李 泽 峰 、 张 洪 军 、 王 显 波 、 陈 华东 、 陈 明 卫 、 林 帅 、 王 德 学 、 苗 润 田 、 覃 仕 益 、 龙 光 
华 、 陈 发 辉 、 吴 彪 、 刘 雄 、 李 常 等 人 。 由 于 作者 水 平 有 限 ， 本 书 难免 有 不 足 之 处 ， 欢 迎 广 
大 读者 批评 指正 。 我 们 的 信箱 是 huchenhao@263.net， 电 话 是 010-62796045。 
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第 1 章 ASPNET 4.5 概 述 


本 章 介绍 了 网 站 建设 的 基本 原理 、 流 程 和 网 站 开发 工具 一 一 ASP.NET 技术 的 基本 概 
况 。 作 为 主流 之 一 的 Web 开发 技术 ，ASP.NET 基于 Microsoft 公司 的 NET 框架 ,支持 C# 
和 VB.NET 语言 ， 是 目前 主要 的 网 站 开发 平台 之 一 。 通 过 本 章 的 学 习 ， 读 者 能 够 了 解 有 关 
Web 的 基础 知识 ，ASP.NET 技术 的 发 展 及 其 优 缺 点 ，ASP.NET 开发 环境 的 组 成 ， 创 建 和 
运行 ASP.NET 应 用 程序 等 知识 。 





本 章 的 学 习 目 标 : 

e 掌握 Web 基础 概念 ， 如 静态 网 站 、 动 态 网 站 、HTTP 协议 、Web 服务 器 和 浏览 器 、 
CS 和 B/S 结构 、Web 工作 原理 等 。 

e 了解 ASPNET 的 发 展 历史 、 优 点 及 与 ASP 技术 的 区 别 。 

e 掌握 ASP.NET 开发 环境 的 组 成 。 

e。 了 解 开 发 动态 网 站 的 一 般 流 程 ， 能 够 创建 简单 的 动态 网 站 。 


1.1 Web 基础 知识 


互联 网 的 快速 发 展 给 人 们 的 工作 、 学 习 和 生活 带 来 了 重大 变化 ， 人 们 可 以 利用 网 络 处 
理 数 据 、 获 取信 息 ， 提 高 工作 效率 。 在 互联 网 开发 所 涉及 的 众多 技术 中 ， 最 为 关键 的 技术 
之 一 就 是 网 站 建设 技术 。 通过 本 节 的 学 习 , 读者 将 了 解 到 网 站 制作 过 程 中 常见 的 基础 知识 。 


1.1.1 静态 网 站 与 动态 网 站 


传统 的 网 站 一 般 是 采用 静态 网 页 技术 制作 的 静态 网 站 。 在 静态 网 站 中 所 有 的 内 容 以 
HTML 语言 编写 ， 存 储 在 静态 网 页 文件 中 ， 文 件 扩展 名 为 ，.htm、.html、.shtml 和 .xml 等 。 
网 页 上 可 以 有 GIF 动画 、Flash 动画 和 滚动 字幕 等 ， 但 这 些 效 果 只 是 视觉 上 的 ， 并 未 构成 
动态 网 页 。 这 里 所 讨论 的 静态 网 站 中 的 “ 静 ” 是 指 网 页 内 容 在 用 户 发 出 请 求 之 前 就 已 经 
生成 了 (这 就 是 用 户 每 次 总 能 看 到 相同 页 面 的 原因 )，Web 服务 器 只 负责 保存 和 传递 HIML 
文件 ， 而 不 进行 额外 处 理 ， 用 户 只 能 浏览 网 站 所 提供 的 信息 ， 如 图 1-1 所 示 。 


Bi = ee 
传输 文件 


图 1-1 静态 网 站 模型 
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静态 网 站 中 的 网 页 ， 内 容 相对 稳定 ， 不 需要 通过 数据 库 工作 。 对 于 Web 服务 器 来 说 ， 
处 理 负担 不 大 。 因 此 ， 静 态 网 站 具有 容易 被 搜索 引擎 检索 、 访 问 速度 比较 快 的 优点 。 

静态 网 站 的 致命 弱点 是 不 易 维护 ， 为 了 不 断 更 新 网 页 内 容 ， 网 站 管理 者 必须 不 断 地 重 
复制 作 HTML 页 面 。 随 着 网 站 内 容 和 信息 量 的 日 益 增长 ， 维 护 工作 将 变 得 十 分 艰巨 。 因 
此 ,静态 网 站 往往 适用 于 数据 不 多 、 网 页 比较 固定 、 更 新 不 频繁 的 情况 。 更 新 较 少 的 展示 
型 网 站 一 般 采 用 静态 网 站 技术 搭建 。 

2. 动态 网 站 

在 静态 网 站 中 用 户 可 以 阅读 、 发 布 大 量 信 息 ， 但 如 果 用 户 想 拥有 自己 的 聊天 室 一 一 享 
受 与 朋友 在 一 起 自由 讨论 的 乐趣 ， 建 立 网 上 商店 一 一 实现 自己 的 创业 梦想 等 等 ， 就 必须 采 
用 动态 网 站 技术 进行 交互 式 Web 体验 。 

什么 是 动态 网 站 呢 ? 所 谓 “ 动 ”， 并 不 是 指 网 页 上 的 GIF 动画 图 片 ， 而 是 指 用 户 与 网 









































站 的 互动 性 。 
动态 网 站 的 概念 现在 还 没有 统一 标准 ， 但 一 般 应 满足 以 下 几 点 特征 。 
(1) 交互 性 


动态 网 站 中 的 网 页 会 根据 用 户 的 要 求 和 选择 而 改变 和 响应 。 网 站 管理 员 只 需要 掌握 计 
算 机 基本 操作 方法 ， 就 可 以 方便 、 及 时 地 更 新 网 站 内 容 ， 浏览 网 站 的 用 户 可 以 在 网 站 中 进 
行 查询 、 留 言 等 操作 。 可 见 ， 动 态 网 站 技术 大 大 增加 了 管理 员 与 网 站 、 客 户 与 网 站 的 互 
动 性 。 

(2) 通过 数据 库 进 行 架构 

在 动态 网 站 中 ， 网 络 管理 员 除 了 要 设计 网 页 视觉 效果 ， 还 要 设计 数据 库 和 程序 代码 来 
使 网 站 具有 更 好 的 交互 功能 。 例 如 ， 购 物 网 站 中 含有 大 量 的 商品 种 类 和 数量 信息 ， 为 了 方 
便 查找 ， 就 应 当 基 于 数据 库 在 网 页 上 实现 自动 搜索 。 现 在 广泛 使 用 的 网 上 交易 系统 、 在 线 
采购 系统 、 商 务 交 流 系 统 等 都 是 基于 数据 库 来 提供 的 。 

(3) 在 服务 器 端 运行 ， 方 便 更 新 

在 服务 器 端 运 行 的 程序 ， 会 随 不 同 客户 、 不 同 要 求 返 回 不 同 的 页 面 ， 网 站 管理 员 再 也 
不 用 像 静 态 网 站 那样 手动 更 新 网 页 文档 ， 可 以 大 大 提高 工作 效率 ， 如 图 1-2 所 示 。 








(用 户 端 ) (服务 器 端 ) (数据 库 ) 
图 1-2 动态 网 站 模型 





上 述 特征 可 以 看 出 ， 静 态 网 站 和 动态 网 站 的 主要 区 别 在 于 : 静态 网 站 内 容 是 在 用 户 
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发 出 请 求 之 前 就 预先 生成 的 ， 而 动态 网 站 内 容 则 是 在 用 户 发 出 请 求 之 后 服务 器 根据 用 户 提 
供 的 指令 执行 产生 的 。 

动态 网 站 是 目前 主流 的 网 站 技术 ， 动 态 网 站 在 发 出 请 求 之 后 才 生 成 内 容 ， 这 有 两 个 明 
显 的 优点 。 

首先 ， 服 务 器 端 可 以 根据 用 户 提交 的 请 求 以 及 所 提供 的 参数 值 生 成 需要 的 页 面 内 容 。 
例如 ， 在 一 个 电子 商务 网 站 提交 用 户 名 和 密码 ， 那 么 用 户 将 看 到 的 下 一 个 页 面 就 是 动态 生 
成 的 页 面 ， 它 包含 了 该 用 户 的 账户 信息 ， 简 而 言 之 ， 就 像 登 录 淘 宝 网 之 后 可 以 看 到 个 人 账 
户 一 样 。 

其 次 ， 服 务 器 端 可 以 根据 最 新 的 可 用 信息 设置 它 所 生成 的 页 面 内 容 。 例 如 ， 很 多 网 站 
都 有 正在 使 用 这 个 网 站 的 用 户 数量 的 显示 。 用 户 数量 的 值 是 实时 信息 , 是 在 Web 服务 器 接 
收 用 户 请 求 时 获取 的 。 

可 以 说 , 动态 网 站 的 Web 服务 器 不 仅 负 责 传递 网 页 文件 , 它 更 是 一 个 完成 信息 处 理 的 

执行 平台 。 例 如 ， 一 个 购物 网 站 ， 由 两 部 分 组 成 ， 一 个 是 用 户 部 分 (也 叫 前 台 客 户 端 )， 
个 是 管理 员 部 分 (也 叫 后 台 服 务 器 端 )。 前 台 客 户 端 提供 的 功能 包括 : 新 用 户 注 册 ， 已 注册 
用 户 的 登录 ， 用 户 对 商品 的 查询 、 浏 览 ， 用 户 对 商品 的 在 线 购买 等 。 当 一 个 新 用 户 在 前 台 
注册 成 功 ， 后 台 服 务 器 就 必须 在 数据 库 的 用 户 表 中 添加 相应 的 用 户 信息 ; 当 已 注册 用 户 想 
查看 自己 购物 车 中 的 物品 ， 后 台 服 务 器 就 必须 从 数据 库 中 找 出 该 用 户 已 挑选 出 物品 的 详细 
信息 ， 产 生 输 出 结果 ， 反 馈 到 用 户 浏览 器 中 。 

静态 网 站 和 动态 网 站 各 有 特点 ， 搭 建 网 站 采用 动态 还 是 静态 技术 主要 取决 于 网 站 的 功 
能 需求 和 内 容 的 多 少 。 如 果 网 站 功能 比较 简单 ， 内 容 更 新 量 不 是 很 大 ， 采 用 静态 网 站 的 方 
式 会 更 简单 。 反 之 ， 一 般 要 采用 动态 网 站 技术 来 实现 。 

静态 网 站 可 以 使 用 Frontpage 或 Dreamweaver 等 网 页 编辑 工具 来 建立 ， 而 动态 网 站 需 
要 使 用 服务 器 端 网 页 技术 ， 如 本 书 介绍 的 ASP.NET 来 搭建 。 


1.1.2 HTTP 协议 





HTTP 协议 (HyperText Transfer Protocol, 即 : 超 文 本 传输 协议 ) 是 用 于 在 WWW 服务 器 
和 浏览 器 之 间 传 输 超 文本 的 传输 协议 。HTTP 是 一 个 应 用 层 协 议 ， 由 请 求 和 响应 构成 ， 是 
-个 标准 的 客户 端 /服务 器 (C/S) 模 型 ， 如 图 1-3 所 示 。 
HTTP 是 一 个 无 状态 的 协议 。 它 可 以 使 浏览 器 显示 更 加 高 效 ， 使 网 络 传输 量 减少 。 它 
不 仅 保证 了 计算 机 正确 快速 地 传输 超 文本 文档 ， 还 确定 传输 文档 中 的 哪 一 部 分 ， 以 及 哪 部 
分 内 容 首 先 显示 (如 文本 先 于 图 形 ) 等 。 
HTTP 协议 的 特点 可 概括 如 下 。 
e 支持 客户 /服务 器 模式 : 支持 基本 认证 和 安全 认证 。 
e 简单 快速 : 客户 向 服务 器 请 求 服务 时 ， 只 需 传送 请 求 方法 和 路 径 。 常 用 的 请 求 方 
法 有 GET、HEAD、POST。 每 种 方法 规定 了 客户 与 服务 器 联系 的 类 型 不 同 。 由 于 
HITP 协议 简单 ， 使 得 HITP 服务 器 的 程序 规模 小 ， 因 而 通信 速度 很 快 。 


Ee 
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HTTP 请 求 
运行 Explorer 的 PC 机 So 
HTTP 响应 
HTTP 请 求 SS - 
ees 
8 PS 
SS SR IR 器 软件 的 服务 器 


运行 Navigator 的 MAC 机 
图 1-3 HTTP 协议 请 求 应 答 模型 
灵活 : HTTP 允许 传输 任意 类 型 的 数据 对 象 。 正在 传输 的 类 型 由 Content-Type 加 以 
标记 。 
HTTP 0.9 和 HTTP 1.0 使 用 非 持续 连接 : 限制 每 次 连接 只 处 理 一 个 请 求 , 服务 器 处 
理 完 客户 的 请 求 ， 并 收 到 客户 的 应 答 后 ， 即 断 开 连 接 。 采 用 这 种 方式 可 以 节省 传 











输 时 间 。 
HTTP 1.1 使 用 持续 连接 : 不 必 为 每 个 Web 对 象 创建 一 个 新 的 连接 ， 一 个 连接 可 以 
传送 多 个 对 象 。 


无 状态 : HITP 协议 是 无 状态 协议 。 无 状态 是 指 协 议 对 于 事务 处 理 没有 记忆 能 力 。 
缺少 状态 意味 着 如 果 后 续 处 理 需 要 前 面 的 信息 ， 则 它 必须 重 传 ， 这 样 可 能 导致 每 
次 连接 传送 的 数据 量 增 大 。 另 一 方面 ， 在 服务 器 不 需要 先前 信息 时 它 的 应 答 就 较 
快 。 


Web 服务 器 和 浏览 器 


Intemet 上 的 服务 器 也 称 为 Web 服务 器 ， 是 一 台 在 Intemet 上 具有 独立 IP 地 址 的 计算 
机 ， 可 以 向 Intemet 上 的 客户 机 提供 网 上 信息 浏览 服务 ， 如 WWW、Email 和 FTP 等 各 种 
Intemet 服务 。 当 Web 浏览 器 (客户 端 ) 连 到 服务 器 上 并 请 求 文件 时 , 服务 器 将 处 理 该 请 求 并 
将 文件 反馈 到 该 浏览 器 上 ， 附 带 的 信息 会 告诉 浏览 器 如 何 查看 该 文件 ( 即 文件 类 型 )。 服 务 
器 使 用 HITP( 超 文本 传输 协议 ) 与 客户 机 浏览 器 进行 信息 交流 ， 这 就 是 常 把 它们 称 为 HITP 


服务 器 的 原因 。 


WWW 是 Intemet 的 多 媒体 信息 查询 工具 , 是 Intemet 上 近年 才 发 展 起 来 的 服务 , 也 
是 发 展 最 快 和 目前 用 的 最 广泛 的 服务 。Web 服务 器 不 仅 能 够 存储 信息 ， 还 能 在 用 户 通过 
Web 浏览 器 提供 的 信息 的 基础 上 运行 脚本 和 程序 。 正 是 因为 有 了 WWW 工具 , 才 使 得 近年 
来 mntemet 迅速 发 展 ， 且 用 户 数量 飞速 增长 。 

总 的 来 说 ， 用 户 通 过 浏览 器 向 Web 服务 器 提出 访问 请 求 ， 而 Web 服务 器 可 以 向 发 出 
请 求 的 浏览 器 提供 文档 。 这 个 访问 模型 如 图 1-4 所 示 。 
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OD 1. 问 服务 嚣 发 出 Web 请 求 
Pe odieetiahetetedte 


可 
请 | le Intermnet 


3. 将 文档 传送 给 


Web 服务 器 
Web 浏览 器 


图 1-4 Web 服务 器 和 浏览 器 


1.1.4 ”CI/S 结构 与 B/S 结构 


1. C/S 结构 


C/S 结构 ， 即 大 家 熟知 的 客户 机 和 服务 器 结构 ， 如 图 1-5 所 示 。 它 是 软件 系统 体系 结 
构 ， 通 过 它 可 以 充分 利用 两 端 硬件 环境 的 优势 ， 将 任务 合理 分 配 到 Client 端 和 Server 端 ， 
降低 了 系统 的 通信 开销 。 大 多 数 应 用 软件 系统 都 是 Client/Server 形式 的 两 层 结 构 ， 由 于 现 














在 的 软件 应 用 系统 正在 向 分 布 式 的 Web 应 用 发 展 ，Web 和 Client/Server 应 用 都 可 
同样 的 业务 处 理 ， 应 用 不 同 的 模块 共享 逻辑 组 件 。 因 此 ， 内 部 的 和 外 部 的 用 户 都 可 


新 的 和 现 有 的 应 用 系统 ， 通 过 现 有 应 用 系统 





Ph 的 逻辑 可 以 扩展 出 新 的 应 用 系统 。 


以 进行 





以 访问 


Client 和 Server 常常 分 别处 在 相距 很 远 的 两 人 台 计 算 机 上 ，Client 程序 的 任务 是 将 用 户 
的 要 求 提交 给 Server 程序 ， 再 将 Server 程序 返回 的 结果 以 特定 的 形式 显示 给 用 户 ;Server 
程序 的 任务 是 接收 客户 程序 提出 的 服务 请 求 , 进行 相应 的 处 理 , 再 将 结果 返回 给 客户 程序 。 


传统 的 C/S 体系 结构 虽然 采用 的 是 
开放 模式 ， 但 这 只 是 系统 开发 一 级 的 开 
放 性 ， 在 特定 的 应 用 中 无 论 是 Client 端 
还 是 Server 端 都 还 需要 特定 的 软件 支 
持 。 由 于 没 能 提供 用 户 真 正 期 望 的 开放 

















服务 器 











环境 ，C/S 结构 的 软件 需要 针对 不 同 的 ma 


操作 系统 开发 不 同 版 本 的 软件 ， 加 之 产 

















品 的 更 新 换代 十 分 快 ， 已 经 很 难 适应 百 
台电 脑 以 上 局 域 网 用 户 同时 使 用 。 而 且 
代价 高 ， 效 率 低 。 


2. B/S 结构 








客户 机 客户 机 


图 1-5 C/S 结构 


B/S 结构 (Browser/Server， 即 : 浏览 器 /服务 器 模式 )， 是 Web 兴起 后 的 一 种 网 络 结构 模 
这 种 模式 使 客户 端 得 到 统一 ， 将 系统 功能 实 
现 的 核心 部 分 集中 到 服务 器 上 ， 简 化 了 系统 的 开发 、 维 护 和 使 用 。 客 户 机 上 只 须 安装 一 个 
浏览 器 (Browser)， 如 Netscape Navigator 或 Intemet Explorer， 服 务 器 只 须 安装 SQL Server、 
Oracle、MYSQL 等 数据 库 。 浏 览 器 通过 Web Server 同 数 据 库 进行 数据 交互 。 

B/S 最 大 的 优点 就 是 可 以 在 任何 地 方 进 行 操作 而 不 用 安装 任何 专门 的 软件 ， 只 要 有 一 


式 ，Web 浏览 器 是 客户 端 最 主要 的 应 用 软件 。 








台 能 上 网 的 计算 机 就 能 使 用 ， 客 户 端 零 安 装 、 


零 维护 。 系 统 的 扩展 非常 容易 。 
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B/S 结构 的 使 用 越 来 越 多 , 特别 是 由 需求 推动 了 Ajax 技术 的 发 展 ， 它 的 程序 也 能 在 客 
户 端 电脑 上 进行 部 分 处 理 ， 从 而 大 大 地 减轻 了 服务 器 的 负担 ， 并 增加 了 交互 性 ， 能 进行 局 
部 实时 刷新 。 

。 ”维护 和 升级 方式 简单 。 当 前 ， 软 件 系统 的 改进 和 升级 越发 频繁 ， B/S 架构 的 产品 明 
显 体现 着 更 为 方便 的 特性 。 对 一 个 稍微 大 一 点 单位 来 说 ， 系 统管 理 人 员 如 果 需 要 
在 几 百 甚至 上 千 部 电脑 之 间 来 回 奔跑 ， 效 率 和 工作 量 是 可 想 而 知 的， 但 B/S 架构 
的 软件 只 须 管 理 服务 器 就 行 了 ， 所 有 的 客户 端 只 是 浏览 器 ， 根 本 无 须 做 任何 的 维 
护 。 无 论 用 户 的 规模 有 多 大 ， 有 多 少 分 支 机 构 都 不 会 增加 任何 维护 升级 的 工作 量 ， 
所 有 的 操作 只 须 针对 服务 器 进行 ， 如 果 是 异地 ， 只 须 把 服务 器 连接 专 网 即 可 ， 实 
现 远 程 维 护 、 升 级 和 共享 。 所 以 客户 机 越 来 越 “ 瘦 ”， 而 服务 器 越 来 越 “ 胖 ”， 
这 是 将 来 信息 化 发 展 的 主流 方向 。 今 后 ， 软 件 升 级 和 维护 会 越 来 越 容 易 ， 而 使 用 
起 来 会 越 来 越 简 单 ， 这 对 人 力 、 物 力 、 时 间 、 费 用 的 节省 是 显而易见 的 。 因 此 ， 
维护 和 升级 革命 的 方式 是 “ 瘦 ” 客 户 机 ，“ 胖 ”服务 器 。 

e 成 本 降低 ， 选 择 更 多 。 大 家 都 知道 Windows 在 桌面 电脑 上 几乎 一 统 天 下 ， 浏 览 器 
成 为 了 标准 配置 ， 但 在 服务 器 操作 系统 上 Windows 并 不 是 处 于 绝对 的 统治 地 位 。 
当前 的 趋势 是 凡 使 用 B/S 架构 的 应 用 管理 软件 ， 只 须 安 装 在 Linux 服务 器 上 即 可 ， 
而 且 安全 性 高 。 所 以 服务 器 操作 系统 的 选择 是 很 多 的 ， 不 管 选用 哪 种 操作 系统 都 
可 以 让 大 部 分 人 使 用 Windows 作为 桌面 电脑 操作 系统 不 受 影响 ， 这 就 使 得 最 流行 
免费 的 Linux 操作 系统 快速 发 展 起 来 。Linux 除了 操作 系统 是 免费 的 以 外 ， 连 数据 
库 也 是 免费 的 ， 这 种 选择 非常 盛行 。 
例如 ， 很 多 人 每 天 上 “新 浪 ” 网 ， 只 要 安装 了 浏览 器 就 可 以 了 ， 并 不 需要 了 解 “ 新 
浪 ”的 服务 器 用 的 是 什么 操作 系统 ， 而 事实 上 大 部 分 网 站 确实 没有 使 用 Windows 
操作 系统 ， 但 用 户 的 电脑 本 身 安 装 的 大 部 分 是 Windows 操作 系统 。 

e 应 用 服务 器 运行 数据 负荷 较 重 。 由 于 B/S 架构 管理 软件 只 安装 在 服务 器 端 (Server) 
上 上, 网络 管 理 人 员 只 人 须 管理 服务 器 就 行 了 , 用 户 界面 主要 事务 逻辑 在 服务 器 (Server) 
端 完 全 通过 WWW 浏览 器 实现 ， 极 少 部 分 事务 逻辑 在 前 端 (Browser) 实 现 ， 所 有 的 
客户 端 只 有 浏览 器 ， 网 络 管理 人 员 只 须 做 硬件 维护 。 但 是 ， 应 用 服务 器 运行 数据 
负荷 较 重 ， 一 旦 发 生 服务 器 “前 溃 ”等 问题 ， 后 果 不 堪 设想 。 因 此 ， 许 多 单位 都 
备 有 数据 库存 储 服务 器 ， 以 防 万 一 。 


1.1.5 ”Web 工作 原理 


WWW 的 工作 基于 客户 机 /服务 器 计算 模型 ， 由 Web 浏览 器 (客户 机 ) 和 Web 服务 器 ( 服 
务 器 ) 构 成 ， 两 者 之 间 采 用 超 文 本 传送 协议 (HTTP) 进 行 通信 ，HTTP 协议 的 作用 原理 包括 4 
个 步骤 : 连接、 请求、 应答、 关闭 。 

Web 的 工作 原理 是 : 用 户 单 击 超 链接 或 在 浏览 器 中 输入 地 址 后 ， 此 时 浏览 器 将 该 信息 
转换 成 标准 的 HTTP 请 求 发 送 给 Web 服务 器 。 当 Web 服务 器 接收 到 HTTP 请 求 后 ， 根 据 
请 求 内 容 查 找 所 需 信息 资源 。 找 到 相应 资源 后 ，Web 服务 器 将 该 部 分 资源 通过 标准 的 HITP 
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响应 发 送 回 浏览 器 。 最 后 浏览 器 接收 到 响应 后 将 HTML 文档 显示 出 来 。 工 作 原 理 如 图 1-6 
所 示 。 





图 1-6 ”Web 工作 原理 图 


1.2 ASP.NET 简介 


1.2.1 ASPNET 的 历史 


自从 NET Framework 1.0 在 2002 年 初 首次 发 布 以 来 ，Microsoft 花 了 大 量 精力 和 时 间 
来 开发 ASPNET， 它 是 NET Framework 的 一 部 分 ， 可 以 用 来 构建 复杂 Web 应 用 程序 。 首 
次 发 布 意味 着 从 过 去 的 Microsoft 技术 向 构建 ASP (Active Server Page， 即 : 活动 服务 器 页 
面 ， 现 在 人 们 常 称 之 为 传统 ASP)Web 站 点 的 飞跃 。 与 传统 ASP 相 比 ，ASPNET 1.0 及 相 
关 的 Visual Studio NET 的 引入 给 开发 人 员 带 来 了 如 下 好 处 。 
e 页 面 显示 与 代码 清楚 地 分 开 。 使 用 传统 ASP 时 ， 编 程 逻辑 常常 散布 在 整个 页 面 的 
HTML 中 ， 使 得 后 面 对 页 面 的 修改 比较 困难 。 
e 开发 模型 更 接近 于 桌面 应 用 程序 的 编程 方式 。 这样 很 多 Visual Basic 桌面 程序 员 可 
以 轻松 地 转换 到 Web 应 用 程序 。 
e 它 有 一 个 功能 丰富 的 开发 工具 ( 称 为 Visual Studio NET), 开发 人 员 可 以 通过 它 可 视 
化 地 创建 和 编写 Web 应 用 程序 代码 。 
e 有 儿 种 面向 对 象 的 编程 语言 可 供 选 择 , 其 中 Visual Basic .NET 和 C 姑 读 作 C-Sharp) 
是 目前 最 流行 的 两 种 语言 。 
ee 它 可 以 访问 整个 NET Framework， 这 意味 着 Web 开发 人 员 首 次 拥有 了 一 种 统一 且 
容易 的 方式 ， 来 使 用 数据 库 、 文 件 、E-mail、 网 络 工具 等 许多 高 级 功能 。 
尽管 ASPNET 远 优 于 旧 模 型 ， 但 使 用 它 也 意味 着 构建 应 用 程序 时 的 复杂 性 以 及 所 需 
知识 量 的 增加 ， 所 以 它 对 于 许多 新 的 程序 员 来 说 ， 更 难 上 手 。 
在 2002 年 首次 发 布 以 后 ，Microsoft 在 2003 年 发 布 了 NET Framework 的 男 一 个 版 本 ( 称 
为 NET 1.1) 和 开发 IDE( 称 为 Visual Studio NET 2003)。 尽 管 在 架构 和 开发 工具 方面 都 有 了 
不 少 新 的 改进 ， 但 很 多 人 还 是 习惯 把 这 些 看 做 是 初始 版 本 的 一 个 服务 包 。 
2005 年 11 月 ，Microsof 发 布 了 Visual Studio 2005 和 ASPNET 2.0。 让 全 球 许多 开发 
人 员 感 到 惊喜 的 是 ，Microsoft 又 大 大 改进 和 扩展 了 产品 ， 增 加 了 许多 功能 和 工具 来 帮助 降 
低 ASP.NET 1.0 所 带 来 的 复杂 性 。 新 的 向 导 和 智能 控件 减少 了 构建 应 用 程序 所 需 的 代码 ， 
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降低 了 新 开发 人 员 的 学 习 难 度 ， 并 且 提 高 了 开发 效率 。 

2007 年 11 月 ，Microsoft 发 布 了 Visual Studio 2008 和 ASPNET 3.5 框架 ， 之 后 又 在 
2010 年 3 月 发 布 了 Visual Studio 2010 和 ASPNET 4， 这 两 个 版 本 都 增加 了 许多 新 功能 ， 
包括 LINQ( 参 见 第 14 章 )，Ajax 框架 整合 (参见 第 10 章 ), ADONET Entity Framework( 参 见 
第 14 章 )， 和 jQuery( 参 见 第 11 章 )。 

目前 的 版 本 是 Visual Studio 2012 和 ASPNET 4.5， 它 是 在 已 成 功 发 行 的 Visual Studio 
2010 和 ASP.NET 4 基础 之 上 构建 的 ， 它 保留 了 很 多 令 人 喜爱 的 功能 ， 并 增加 了 一 些 其 他 
领域 的 新 功能 和 工具 。 

在 本 书 接 下 来 的 章节 中 ， 将 会 介绍 如 何 使 用 Visual Studio Express 2012 for Web( 它 是 
Microsoft 为 ASPNET Web 应 用 程序 设计 的 免费 开发 工具 ， 也 是 Visual Studio 2012 完整 套 
装 的 一 部 分 ) 构 建功 能 完全 的 ASPNET Web 站 点 。 本 书 将 引导 读者 了 解构 建功 能 完全 的 、 
数据 库 驱动 的 Web 站 点 的 过 程 ， 从 第 2 章 的 基本 Web 站 点 开始 ， 直 到 第 14 章 将 它 部 署 到 
生产 环境 中 。 

本 书 的 示例 站 点 和 所 有 实例 都 是 用 Visual Studio Express 2012 for Web (VSEW) 构 建 
的 ， 因 此 需要 把 它 安装 到 开发 机 器 上 。 第 1.3 节 将 介绍 VSEW 开发 环境 的 组 成 。 安 装 并 运 
行 VSEW 后 ， 就 学 习 如 何 创建 第 一 个 Web 站 点 ， 接 着 介绍 VSEW 的 许多 功能 。 


1.2.2 ASP 与 ASP.NET 的 区 别 


用 户 使 用 ASP 做 开发 时 ， 常 面临 的 问题 是 : 如 果 应 用 程序 要 有 强大 的 功能 ， 就 需要 编 
写 大量 的 代码 ， 所 有 的 功能 都 必须 用 代码 来 实现 。 虽 然 使 用 一 些小 技巧 可 以 实现 代码 的 共 
享 ， 但 是 仍然 存在 大 量 嵌 入 HIML 的 代码 ， 难 于 管理 。 

从 更 深 的 层次 来 研究 ASP 和 ASPNET， 可 以 发 现 它 们 之 间 的 区 别 主 要 在 于 以 下 几 个 
方面 。 

1. 效率 


ASP 是 一 个 脚本 编程 环境 ， 只 能 用 VBScript 或 者 JavaScript 这 样 的 非 模块 化 语言 来 编 
写 。 当 ASP 程序 完成 之 后 ,在 每 次 请 求 的 时 候 解 释 执行 。 这 就 意味 着 它 在 使 用 其 他 语言 9 
写 的 大 量 组 件 的 时 候 会 遇 到 困难 ， 并 且 无 法 实现 对 操作 系统 的 底层 操作 。 由 于 它 是 解释 执 
行 的 ， 所 以 速度 和 效率 要 远 远 低 于 编译 执行 的 程序 。 而 ASP.NET 则 是 建立 在 .NET 
Framework 之 上 的 ， 它 可 以 使 用 Visual Basic、C++ 这 样 的 模块 化 程序 设计 语言 ， 并 且 它 在 
第 一 次 执行 时 进行 了 编译 ， 之 后 的 执行 无 须 重新 编译 就 可 以 直接 运行 ， 所 以 速度 和 效率 比 
ASP 会 提高 很 多 。 

2. 可 重用 性 


在 写 ASP 应 用 程序 时 ，ASP 代码 和 HIML 混合 在 一 起 。 只 要 有 需要 ， 就 可 以 在 任意 
的 一 个 位 置 插 入 一 段 代 码 来 实现 特定 的 功能 。 这 种 方法 表面 上 看 起 来 很 方便 ， 但 在 实际 的 
工作 中 会 产生 大 量 繁琐 的 页 面 ， 很 难 读 懂 ， 导 致 代码 维护 很 困难 。 虽 然 可 以 使 用 include 
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指令 尽量 让 程序 模块 化 ， 但 是 仍然 不 是 一 个 最 终 彻底 的 解决 方案 。 而 ASP.NET 则 可 以 实 
现代 码 和 内 容 的 完全 分 离 ， 使 得 前 面 提 到 的 问题 迎刃而解 。 


3. 代码 量 


ASP 需要 对 所 有 的 要 实现 的 功能 通过 编写 代码 来 实现 。 例如 , 所 有 的 ASP 程序 员 都 遇 
到 过 这 样 的 情况 : 为 了 保证 一 个 用 户 数据 提交 页 面 的 友好 性 ， 当 用 户 输入 错误 的 时 候 会 显 
示 错 误 的 位 置 ， 并 尽量 把 用 户 原来 的 输入 在 控件 中 显示 出 来 。 这 样 的 一 个 应 用 需要 程序 员 
编写 大 量 的 代码 来 实现 。 虽 然 它 实在 是 一 个 非常 简单 的 功能 ， 但 在 其 他 的 应 用 程序 中 根本 
不 需要 编写 这 么 多 的 代码 就 可 以 实现 。 在 ASPNET 中 ， 程 序 员 会 发 现 只 要 预先 说 明 ， 这 
样 的 功能 ASPNET 就 可 以 自动 实现 。 所 以 相对 来 说 ， 要 实现 同样 的 功能 ， 使 用 ASPNET 
比 使 用 ASP 的 代码 量 要 小 得 多 。 


1.2.3 ASPNET 的 优点 


通过 上 面 对 ASP 缺点 的 介绍 ， 可 以 很 容易 地 理解 ASPNET 已 经 解决 了 这 些 问 题 。 事 
实 的 确 如 此 ， 并 且 ASPNET 所 提供 的 不 仅仅 是 这 些 。 要 了 解 ASPNET 的 所 有 特性 ， 下 面 
先 来 看 看 设计 ASPNET 的 4 个 主要 目标 : 

e ”使 代码 更 清晰 。 

e 提高 可 部 署 性 、 可 伸缩 性 、 安 全 性 以 及 可 靠 性 。 

e 为 不 同 的 浏览 器 和 设备 提供 更 好 的 支持 。 

e 支持 一 种 全 新 的 Web 应 用 程序 。 

使 用 ASP.NET 来 进行 开发 ， 主 要 有 以 下 优点 。 

1. 多 语言 

ASP 曾 在 脚本 引擎 方面 受到 了 限制 ， 特 别 是 VBScript 和 JScript。 而 .NET Framework 
本 质 上 就 支持 多 语言 ， 因 此 用 户 可 以 使 用 任何 需要 的 语言 。 在 默认 情况 下 ，Visual 
Basic .NET、C# 和 JScript .NET 都 附带 了 CLR( 它 们 都 是 经 过 编译 的 ), 另外 还 可 以 使 用 许多 
第 三 方 语言 ， 如 Perl、COBOL 等 。 此 外 ，Visual Studio .NET 增加 了 对 Visual C++ 的 支持 
和 Java 实现 ( 称 为 弄 .NET)。 由 于 多 语言 支持 是 NET Framework 的 一 部 分 ， 因 此 无 论 使 用 
何 种 语言 都 没有 关系 。 很 明显 ， 从 用 户 的 观点 来 看 ， 保 持 某 种 程度 上 的 兼容 性 可 能 是 最 好 
不 过 的 ， 但 对 于 架构 而 言 ， 语 言 的 使 用 是 没有 任何 限制 的 。 

多 语言 支持 的 作用 并 不 仅仅 限于 可 使 用 什么 语言 ， 同 时 还 在 于 如 何 使 用 这 些 语言 。 通 
过 它 可 以 用 某 种 语言 编写 组 件 ， 而 用 另 一 种 语言 来 使 用 (或 重用 ) 这 些 组 件 。 例 如 ， 用 C# 编 
写 基 于 服务 器 的 控件 ， 然 后 在 Visual Basic NET 中 继承 这 些 控件 ， 接 着 在 JScript NET (或 
任何 NET 支持 的 语言 ) 中 继续 继承 这 些 控件 。 


2. 服务 器 处 理 


如 果 用 户 做 过 Visual Basic 编程 工作 ， 就 会 发 现 要 掌握 新 的 ASPNET 服务 器 控件 是 相 
当 容 易 的 ， 但 如 果 以 前 仅 使 用 过 ASP， 就 会 在 学 习 ASPNET 服务 器 控件 的 初始 阶段 出 现 
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- 些 混淆 错误 。 不 过 即使 这 样 也 不 用 担心 ， 因 为 它们 是 非常 容易 理解 和 使 用 的 一 一 它们 只 
是 和 ASP 有 很 大 的 不 同 。 

使 用 ASP 的 一 大 问题 在 于 页 面 简单 地 定义 了 一 个 大 函数 ， 该 函数 开始 于 页 面 的 开头 ， 
结束 于 页 面 的 末尾 。 不 管 页 面 的 内 容 是 纯 HTML 还 是 ASP 生成 的 HIML， 它 都 是 按照 页 
面 顺序 显示 的 。 因 此 ， 逻 辑 代码 依赖 于 它 在 页 面 中 的 位 置 ， 并 且 无 法 将 HTML 控件 作为 目 
标 ， 除 非 将 它们 作为 流 的 一 部 分 进行 显示 。 开 发 人 员 所 做 的 任何 工作 都 需要 编写 代码 ， 包 
括 HTML 元 素 的 输出 。 

而 ASPNET 就 解决 了 这 个 问题 ， 方 法 是 为 控件 引入 一 个 声明 的 基于 服务 器 的 模型 。 
这 对 ASP 开发 人 员 来 说 是 一 个 截然 不 同 的 概念 ， 因 为 控件 在 服务 器 上 声明 , 可 以 在 服务 器 
上 编程 ， 也 可 以 是 客户 端 驱动 的 事件 。 为 把 一 个 普通 的 HTML 控件 变 成 一 个 服务 器 控件 ， 
只 需 将 mnat="server" 作 为 一 个 特性 添加 到 代码 中 。 例 如 : 














<input id="FirstName" type="text" runat="server" > 


这 是 一 个 标准 的 HIML 控件 ， 增 加 了 runat 特性 后 ， 就 可 以 利用 服务 器 端的 代码 对 该 
控件 进行 编程 了 。 例 如 ， 如 果 要 将 该 控件 置 于 一 个 窗 体 中 ， 并 且 将 该 窗 体 提交 回 同一 个 页 
面 中 ， 就 可 以 在 服务 器 端 代码 中 做 以 下 修改 。 

Dim PersonFirstName As String 
PersonFirstName = FirstName. Text 

控件 在 服务 器 上 运行 ， 将 允许 程序 员 使 用 ID 特性 来 直接 识别 它 。 这 样 代 码 就 具有 更 
高 的 可 读 性 ， 原 因 在 于 不 必 引 用 窗 体 的 内 容 或 者 将 这 些 内 容 复 制 到 变量 中 。 同 时 直接 引用 
控件 也 就 更 加 自然 了 ， 从 而 使 页 面 的 开发 更 加 简单 。 如 果 用 户 做 过 Visual Basic 或 VBA 编 
程 工作 ， 对 这 些 概念 就 不 会 太 陌生 。 

但 是 如 果 用 户 以 前 只 用 ASP 编写 过 脚本 , 理解 上 述 内 容 就 比较 吃力 , 不 过 这 仅仅 是 因 
为 ASP.NET 用 不 同 的 方式 处 理 往返 于 浏览 器 的 页 面 内 容 。 如 果 用 户 了 解数 据 库 访问 技术 ， 
就 应 该 使 用 过 对 象 、 调 用 方法 以 及 设置 过 属性 ， 而 这 些 与 ASPNET 服务 器 控件 并 无 多 大 
差别 。 

3. Web Form 控件 


将 现 有 的 HIML 控件 转换 为 服务 器 端的 控件 是 比较 容易 的 , 不 过 这 种 方法 仍然 存在 以 
下 几 个 问题 。 

e 一 致 性 : 开发 者 仍然 不 得 不 接受 一 些 HIML 控件 的 非常 不 直观 的 固有 特征 。 例如， 
有 没有 一 个 INPUT 标记 符 用 于 单行 文本 项 ? 有 没有 一 个 TEXTAREA 标识 符 用 于 
多 行文 本 项 ? 指定 行 和 列 的 单个 控件 真 的 更 有 意义 吗 ? 

e ”用户 经验: 如 何 轻 松 地 编写 站 点 ， 向 诸如 正 这 样 的 浏览 器 传送 丰富 的 内 容 ， 同 时 
保留 对 低级 别 浏览 器 的 兼容 性 ? HIML 是 无 法 根据 浏览 器 改变 其 内 容 的 ， 而 要 达 
到 这 个 目的 ， 必 须 编写 代码 。 




















第 1 章 ASPNET 4.5 概述 。 11 。 


设备 : 如 何 编写 站 点 来 应 付 除 浏览 器 之 外 的 其 他 设备 呢 ? 如 今 像 WAP 手机 、PDA 
甚至 电 冰 箱 这 样 的 设备 都 有 浏览 器 。 与 浏览 器 问题 一 样 , 都 必须 为 其 手工 编写 代码 。 





为 了 解决 这 些 问 题 ，Microsoft 公司 创建 了 一 组 服务 器 控件 ， 它 们 都 用 asp: 前 绥 标 识 。 
ASP.NET 服务 器 控件 通过 以 下 方式 来 处 理 上 述 问题 。 


E39 


提供 一 致 的 命名 标准 。 例 如 ， 所 有 文本 输入 栏 都 由 TextBox 控件 处 理 。 对 于 不 同 
的 模式 (如 多 行文 本 、 密 码 等 )， 只 须 指 定 相应 的 特性 即 可 。 

提供 一 致 的 属性 。 所 有 的 服务 器 控件 使 用 一 组 一 致 的 属性 ， 这 样 更 便于 记忆 。 例 
如 ，TextBox 控件 中 的 Text 栏 比 Value 栏 更 加 直观 。 
提供 一 致 的 事件 模型 。 传 统 的 ASP 页 面 通常 有 大 量 用 于 处 理 数据 传送 的 代码 ， 特 
别 是 当 一 个 页 面 提供 多 行 命令 时 ， 就 更 是 如 此 。 而 利用 ASP.NET， 开 发 者 可 以 为 
事件 过 程 封装 控件 ， 从 而 给 服务 器 端 代码 提供 更 多 的 结构 。 

发 送 纯 HTML 或 者 HTML 与 客户 端 JavaScript。 通 过 一 个 小 异常 ， 服 务 器 控件 在 
默认 状态 下 会 发 送 HTML 3.2， 提 供 很 高 的 跨 浏 览 器 兼容 性 。 对 其 进行 修改 ， 使 之 
在 默认 状态 下 指向 像 正 这 样 的 高 级 浏览 器 ， 这 样 控件 就 会 发 送 HIML 4.0 和 
DHTML， 提 供 更 丰富 的 界面 。 此 时 用 户 只 能 看 到 HIML 内 容 ， 而 看 不 到 服务 器 
控件 。 

发 送 设 备 指定 的 代码 。 当 一 个 浏览 器 发 出 请 求 时 ， 某 个 控件 会 发 送 HTML， 而 当 
WAP 手机 发 出 请 求 时 ， 该 控件 就 会 发 送 WML。 该 控件 还 会 检测 设备 并 生成 正确 
的 标记 。 








1.3 ASP.NET 的 开发 环境 


安装 Visual Studio 2012 for Web 


1. 获取 Visual Studio 


可 以 从 Microsoft 网 站 www.microsoft.com/express/ 直 接 下 载 Visual Studio 2012 的 完整 
版 进行 安装 ,也 可 以 只 下 载 Visual Studio Express 2012 for Web(VSEW) 的 免费 版 本 。 本 书 可 
以 直接 下 载 Visual Studio Ultimate 2012with Blend 完整 版 进行 安装 。 


2. Visual Studio 安装 步骤 


Visual Studio 的 安装 步骤 非常 简单 ， 可 以 直接 解压 后 双击 Setup.exe 进行 安装 ， 也 可 以 
通过 加 载 至 虚拟 光驱 进行 安装 。 具 体 步骤 如 下 。 

(1) 双击 Setup.exe 后 ， 打 开 如 图 1-7 所 示 的 安装 界面 。 设 置 安装 路 径 与 目录 ， 然 后 选 
中 【我 同意 许可 条 款 和 条 件 】 复 选 框 。 

(2) 单 击 【 下 一 步 】 按 钮 ， 在 如 图 1-8 所 示 的 向 导 对 话 框 中 选择 要 安装 的 可 选 功能 ， 
如 果 都 需要 安装 则 可 以 选中 【全 选 】 复 选 框 ， 安 装 向 导 会 提示 C 盘 和 安装 盘 有 多 少 可 用 空 
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间 。 设 置 好 以 后 ， 单 击 【安装 】 按 钮 。 
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图 1-7 设置 安装 路 径 和 同意 许可 条 款 图 1-8 选择 安装 功能 
(3) 向 导 进 入 安装 提示 界面 ， 显 示 安 装 进度 ， 如 图 1-9 所 示 。 安 装 完成 后 ， 显 示 【 安 
装 成 功 】 界 面 ， 如 图 1-10 所 示 。 
(4) 这 时 候 单 击 其 中 的 【启动 】 按 钮 ， 将 会 显示 一 个 启动 对 话 框 ， 告 知 用 户 本 品 使 用 
权 归 属 ， 如 图 1-11 所 示 ， 然 后 进入 Visual Studio 2012 的 工作 界面 ， 如 图 1-12 所 示 。 
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图 1-9 ”安装 进度 界面 图 1-11 启动 界面 





图 1-12 ”Visual Studio 2012 的 工作 界面 
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注意 : 

考虑 到 电脑 资源 和 运行 速度 的 问题 ， 也 可 以 安装 Visual Studio 2012 for Web 和 
Microsoft SQL Express LocalDB Edition 11.0 作为 开发 环境 。 在 安装 的 时 候 ， 通 过 Microsoft 
Web Platform Installer(Web 平台 安装 程序 ) 选 择 安装 所 需要 的 应 用 程序 。 

在 Express 的 主页 上 ， 依 次 单 击 Download 链接 ， 直 到 打开 提供 了 下 载 Express 产品 的 
页 面 ， 其 中 包括 VSEW。 在 这 个 页 面 上 可 以 以 Web 安装 方式 下 载 VSEW， 如 Visual Studio 
Express 2012 for Web。 


1.3.2 ” 主 开 发 区 


Visual Studio 是 目前 为 止 构建 ASPNET Web 页 面 使 用 最 为 广泛 、 功 能 最 为 丰富 的 集成 
开发 环境 GDE)。 缩 略 词 IDE 是 指 构建 复杂 Web 应 用 程序 所 需 的 所 有 独立 工具 都 集成 在 一 
个 环境 中 。VS 不 需要 在 文本 编辑 器 中 编写 代码 、 在 命令 行 中 编译 代码 、 在 单独 的 应 用 程 
序 中 编写 HTML 和 CSS 以 及 在 另 一 个 应 用 程序 中 管理 数据 库 ， 它 允许 在 同一 个 环境 中 执 
行 所 有 这 些 任务 及 更 多 其 他 的 任务 。 由 于 不 必 一 直 进行 工具 转换 ， 所 以 这 样 一 来 效率 得 到 
了 提高 ， 并 且 因为 许多 内 置 工具 的 工作 方式 都 是 一 样 的 ， 所 以 人 们 能 够 更 容易 地 学 习 VS 
的 功能 。 

为 了 熟悉 VS 的 界面 中 含有 的 众多 工具 ， 如 图 1-13 所 示 。 它 显示 了 用 VS 创建 第 一 个 
Web 站 点 后 所 看 到 的 屏幕 ， 不 过 现在 它 突 出 显示 了 部 分 最 重要 的 屏幕 元 素 。 如 果 已 经 熟悉 








了 Visual Studio 之 前 的 版 本 ， 就 可 以 跳 过 该 部 分 ， 


学 习 后 面 的 其 他 知识 。 


如 果 安 装 的 是 Visual Studio 以 前 的 版 本 ， 屏 幕 可 能 会 与 图 1-12 有 所 不 同 ， 





因为 Visual 


Studio 2012 能 够 导入 老 版 本 的 设置 。 
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图 1-13 主 窗口 


1. 主 菜单 


在 这 个 应 用 程序 的 上 方 ，Windows 标题 栏 的 下 面 ， 可 以 看 到 主 菜 单 。 此 菜单 栏 中 包含 
的 菜单 项 用 户 一定 很 熟悉 ， 因 为 在 很 多 其 他 的 Windows 应 用 程序 中 都 可 以 找到 这 些 菜单 
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项 ， 如 【文件 】、【 编 辑 】、【 帮 助 】 菜 单 ， 以 及 一 些 VS 中 特有 的 菜单 ， 如 【调试 】 和 
【测试 】 菜 单 。 该 菜单 栏 可 以 根据 执行 的 具体 任务 动态 地 改变 ， 因 此 在 使 用 应 用 程序 的 过 程 
中 开发 者 会 发 现 某 些 菜单 项 有 时 出 现 、 有 时 消失 。 可 以 通过 使 用 【帮助 】| 【设置 帮助 首选 
项 】 菜 单 进行 在 线 配 置 和 离线 帮助 。 离 线 帮助 需要 首先 安装 该 应 用 程序 ， 而 在 线 帮助 则 需 
要 连接 到 Intemet。 


2. 工具 栏 区 


在 菜单 的 下 方 ， 可 以 看 到 工具 栏 区 ， 在 该 区 域 显示 了 不 同 的 工具 栏 ， 从 而 可 以 快速 地 
访问 VS 中 的 大 部 分 常见 功能 。 在 图 1-12 中 ， 只 启用 了 部 分 工具 栏 ， 但 是 在 面向 特定 任务 
的 场景 中 ，VS 会 随 之 打开 很 多 可 以 使 用 的 其 他 工具 栏 。 有 些 工具 栏 会 在 执行 需要 特定 工 
具 栏 出 现 的 任务 时 自动 地 出 现 ， 但 是 也 可 以 根据 自己 的 喜好 启用 或 禁用 工具 栏 。 要 启用 或 
禁用 工具 栏 ， 只 需要 右 击 现 有 工具 栏 或 菜单 栏 ， 从 出 现 的 菜单 中 选择 工具 栏 即 可 。 


3. 工具 箱 


在 主屏 幕 的 左边 ， 可 以 看 到 折 营 在 VS 边缘 的 【工具 箱 】 选 项 卡 。 如 果 把 鼠标 指针 蝶 
停 在 该 选项 卡 上 ,， 【工具 箱 】 就 会 展开 ,这样 就 能 看 到 它 包含 的 内 容 。 如 果 单 击 【 工 具 箱 】 
(或 者 有 小 钉 图 标的 其 他 面板 ) 右 上 角 的 小 钉 图 标 ， 它 就 会 锁定 在 IDE 上 ， 保 持 打 开 状态 。 

与 菜单 栏 和 工具 栏 一 样 ，【 工 具 箱 】 会 自动 更 新 ， 以 显示 与 正在 执行 的 任务 相关 的 内 
容 。 在 编辑 标准 ASPX 页 面 时 ，【 工 具 箱 】 会 显示 可 用 于 页 面 的 许多 控件 。 可 以 简单 地 从 
【工具 箱 】 中 拖 动 一 个 控件 ， 然 后 把 它 放 到 希望 在 页 面 中 出 现 的 位 置 上 。 这 些 控件 将 在 第 4 
章 详细 讨论 。 注 意 每 个 【工具 箱 】 类 别 还 包含 一 个 Pointer 图 标 ， 但 它 不 是 一 个 控件 。 在 
Visual Studio 的 其 他 设计 器 (如 Win 窗 体 ) 中 ， 这 个 图 标 用 于 退出 控件 绘制 模式 ， 但 它 在 
ASP.NET 中 没有 什么 用 途 。【 工 具 箱 】 包 含 多 个 类 别 ， 其 中 的 工具 可 以 根据 意愿 展开 和 折 
县， 以 便 找到 正确 的 工具 。 也 可 以 重新 排列 列表 中 工具 的 顺序 ， 从 【工具 箱 】 中 添加 和 删 
除 工具 ， 甚 至 可 以 向 其 中 添加 自己 的 工具 。 关 于 定制 IDE 将 在 第 1.4 节 讨论 。 

如 果 在 屏幕 上 看 不 到 【工具 箱 】， 则 可 以 按 Ctrl+Alt+X 组 合 键 打开 它 , 或 者 从 【视图 】 
菜单 中 选择 【工具 箱 】 命 令 来 打开 。 

4. 解决 方案 资源 管理 器 

在 屏幕 右边 ， 可 以 看 到 【解决 方案 资源 管理 器 】。【 解 决 方案 资源 管理 器 】 是 一 个 如 
要 窗口 ， 因 为 它 提供 了 组 成 Web 站 点 的 文件 概览 。【 解 决 方案 资源 管理 器 】 没 有 把 所 有 文 
件 都 放 在 一 个 大 文件 夹 中 ， 而 是 将 文件 存储 在 单独 的 文件 夹 中 ， 创 建 了 一 个 有 逻辑 是 有 组 
织 的 站 点 结构 。 可 以 用 【解决 方案 资源 管理 器 】 向 站 点 中 添加 新 文件 ， 使 用 拖 动 功能 或 者 
剪 切 粘贴 功能 来 移动 现 有 文件 ， 从 项 目 中 重 命名 文件 以 及 删除 文件 等 。【 解 决 方案 资源 管 
理 器 】 的 大 部 分 功能 都 隐藏 在 它 的 右 击 菜单 中 ， 该 菜单 根据 在 浏览 器 窗口 中 右 击 的 项 目 而 

在 【解决 方案 资源 管理 器 】 的 上 方 有 一 个 小 工具 栏 ， 可 以 用 来 快速 访问 与 Web 站 点 相 
关 的 一 些 功能 : 包括 刷新 【解决 方案 资源 管理 器 】 窗 口 ， 顽 套 相 关 文 件 的 选项 ， 以 及 用 来 
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复制 和 配置 Web 站 点 的 两 个 按钮 。 

可 以 通过 从 主 菜单 中 选择 【视图 】 | 【解决 方案 资源 管理 器 】 或 者 按 CtrlHAlttL 组 合 
键 来 访问 【解决 方案 资源 管理 器 】。 

5. 服务 器 资源 管理 器 


这 个 窗口 一 般 默 认 不 打开 ， 打 开 以 后 默认 显示 在 图 1-13 所 示 的 【工具 箱 】 右 侧 ， 通 过 
它 可 以 操作 服务 器 资源 ， 如 数据 库 资源 。 如 果 使 用 的 是 Visual Studio for Web， 那 么 这 个 窗 
口 就 称 为 数据 库 源 管理 器 ， 它 可 能 位 于 屏幕 右 侧 。 

要 访问 【服务 器 资源 管理 器 】， 可 以 选择 【视图 】 | 【服务 器 资源 管理 器 】， 或 者 按 
下 组 合 键 Ctrl+AlttS。 


6. 【属性 】 面板 


用 【属性 】 面 板 可 以 查看 和 编辑 Visual Studio 中 的 许多 项 目的 属性 ， 包 括 【 解 决 方案 
资源 管理 器 】 中 的 文件 、Web 页 面 上 的 控件 、 页 面 本 身 的 属性 及 其 他 更 多 内 容 。 这 个 窗 
会 不 断 地 更 新 ， 以 反映 选中 的 项 。 按 F4 键 可 以 快速 打开 【属性 】 面 板 。 这 个 快捷 键 还 可 
以 用 来 强制 【属性 】 面 板 显示 选中 项 的 详细 信息 。 

7. 文档 窗口 

应 用 程序 中 间 的 文档 窗口 是 主要 区 域 。 大 部 分 动作 都 在 这 里 发 生 。 可 以 用 文档 窗口 来 
操作 很 多 不 同 的 文档 格式 ,包括 ASPX 和 HTML 文件 、CSS 和 JavaScript 文件 、VB 和 C# 
的 代码 文件 、XML 和 文本 文件 ， 甚 至 图 像 文 件 。 此 外 ， 用 这 个 窗口 还 可 以 管理 数据 库 、 创 
建站 点 的 副本 ， 并 在 内 置 的 微型 浏览 器 中 浏览 页 面 等 。 

默认 情况 下 ， 文 档 窗口 是 一 个 带 选 项 卡 的 窗口 ， 这 意味 着 它 能 驻 留 多 个 文档 ， 各 个 文 
档 通 过 选项 卡 用 窗口 上 方 显示 的 文件 名 进行 区 分 。 各 选项 卡 的 右 击 菜单 中 包含 使 用 该 文件 
的 一 些 有 用 的 快捷 键 ， 包 括 保存 与 关闭 文件 ， 以 及 在 Windows 资源 管理 器 中 打开 该 文件 的 
父 文件 夹 。 

要 在 文档 之 间 进 行 切换 ， 可 以 按 Ctl+Tab 组 合 键 , 或 者 单 击 要 查看 的 文档 的 标签 ， 或 
者 单 击 文档 窗口 右上 角 的 下 拉 箭头 ， 该 文档 窗口 邻近 【解决 方案 资源 管理 器 】， 如 图 1-13 
所 示 。 单 击 下 拉 箭 头 会 显示 出 一 个 打开 文档 的 列表 ， 因 此 可 以 轻而易举 地 从 中 选择 要 打开 
的 文档 。 

切换 文档 的 另 一 种 方式 是 按 下 CtrlHTab 组 合 键 ， 然 后 按 住 Ctl 键 。 在 弹出 的 窗口 中 ， 
可 以 在 右手 边 的 那 一 栏 中 选择 要 使 用 的 文档 。 然 后 可 以 在 打开 文档 的 列表 中 向 上 或 向 下 移 
动 光 标 。 这 样 选 择 正确 的 文件 就 变 得 相当 容易 。 
在 同一 个 对 话 框 中 ， 可 以 看 到 一 个 包含 所 有 活动 工具 窗口 的 列表 。 单 击 这 个 列表 中 的 

-个 窗口 ， 可 以 将 它 显示 在 屏幕 上 ; 如 有 必要 ， 还 能 将 它 移 到 其 他 窗口 的 前 面 。 

为 了 快速 预览 文档 ， 而 无 须 打 开 它 ， 进 行 编辑 ， 可 以 在 【解决 方案 资源 管理 器 】 中 单 
击 要 查看 的 文件 ， 该 文件 会 在 其 选项 卡 中 处 于 预览 模式 ， 该 选项 卡 停靠 在 右边 一 行 ， 而 不 
是 左边 放置 打开 文件 的 行 上 。 
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在 图 1-13 所 示 的 文档 窗口 下 方 可 以 看 到 3 个 按钮 , 分 别 是 【设计 】、【 拆 分 ] 和 【 源 】。 
在 操作 含有 标记 的 文件 (如 ASPX 和 HTML 页 面 ) 时 ， 这 些 按钮 会 自动 出 现 。 它 允许 打开 页 
面 的 【设计 】 视 图 (让 开发 者 对 页 面 在 浏览 器 中 的 样子 有 个 概念 )、 它 的 标记 (HTML 和 其 他 
标记 )， 或 者 同时 打开 这 两 者 。 现 在 重要 的 是 ， 知 道 可 以 通过 单 击 相应 的 按钮 在 【设计 】 视 
图 、【 拆 分 】 视 图 和 【 源 】 视 图 之 间 切 换 即 可 。 


8. 起 始 页 


每 次 启动 VS 时 ，【 起 始 页 】 都 要 加 载 到 文档 窗口 中 。 有 了 【起 始 页 】， 就 可 以 快速 
地 创建 新 的 Web 站 点 或 者 打开 现 有 站 点 和 其 他 项 目 。【 起 始 页 】 还 提供 了 一 些 有 关 Web 
开发 的 新 闻 和 信息 的 链接 。 为 了 再 次 打开 【起 始 页 】， 可 以 选择 【视图 】 | 【起 始 页 】。 

下 面 将 来 练习 创建 一 个 只 有 一 个 页 面 的 新 Web 站 点 ， 该 页 面包 含 若干 个 ASPNET 服 
务 器 控件 。 该 练习 将 介绍 如 何 使 用 文档 窗口 和 【解决 方案 资源 管理 器 】， 以 及 如 何 使 用 【 工 
具 箱 】 和 【属性 】 面 板 向 页 面 中 添加 ASPNET 服务 器 控件 并 修改 它们 的 外 观 。 

(1) 启动 Visual Studio 2012 或 VSEW。 

(2) 如 果 使 用 的 是 Express 版 本 ， 则 通过 【工具 】| 【设置 】 菜 单 ， 打 开 专 家 设置 中 的 
开发 人 员 配 置 ， 以 便 访问 VSEW 的 全 部 功能 集 。 

(3) 在 【文件 】 菜 单 中 选择 【新 建 】|【 网 站 】， 打 开 【 新 建 网 站 】 对 话 框 。 

(4) 在 该 对 话 框 中 , 先 选择 模板 语言 是 VBNET 还 是 C#, 然后 确保 选中 的 是 [ASP.NET 
室 网 站 】， 另 外 ， 一 定 要 从 【Web 位 置 】 下 拉 列 表 中 选择 【文件 系统 】。 然 后 单 击 【 确 定 】 
按钮 创建 一 个 新 的 ASPNET 站 点 。 

(5) 接着 ， 右 击 【 解 决 方案 资源 管理 器 】 中 新 的 Web 站 点 ， 从 显示 的 快捷 菜单 中 选择 
【添加 】|【 新 建 项 】 命 令 。 

(6) 在 出 现 的 【添加 新 项 】 对 话 框 中 ， 单 击 选中 【Web 窗 体 】， 并 输入 DemoPage 作 
为 名 称 。 当 单 击 【添加 】 按 钮 时 ， 它 会 自动 添加 扩展 名 ASPX。 可 以 允许 对 话 框 中 的 其 他 
设置 保留 其 默认 值 。 该 页 面 应 该 能 在 【 源 】 视 图 中 打开 , 显示 默认 的 HIML 标签 , 如 <html>、 
<head>、<title> 和 <body> 元 素 ， 这 些 元 素 是 在 创建 新 页 面 时 由 VS 自动 添加 的 。 

(7) 单 击 文档 窗口 下 方 的 【设计 】 按 钮 ， 将 页 面 切换 到 【设计 】 视 图 。 

(8) 如 果 【 工 具 箱 】 还 没有 打开 ， 则 按 Ctrl+Alt+X 组 合 键 打开 它 ， 或 者 将 鼠标 悬 停 在 
【工具 箱 】 选 项 卡 上 来 显示 它 ， 然 后 单 击 锁定 图 标 使 【工具 箱 】 一 直 可 见 。 从 【工具 箱 】 的 
【 标准】 类别 中 将 一 个 TextBox 和 一 个 Button 拖 动 到 页 面 【设计 】 视 图 中 的 阴影 区 域内 。 
最 后 应 当 看 到 一 个 如 图 1-14 所 示 的 页 面 。 

(9) 右 击 【 设 计 】 视 图 中 的 Button 按钮 并 选择 【属性 】 命 令 。 在 【属性 】 面 板 中 ， 定 
位 到 【外 观 】 类 别 下 面 的 Text 属性 (如 图 1-15 所 示 )， 并 将 它 从 Button 改 为 “提交 信息 ”。 
- 旦 按 下 了 Tab 键 或 者 在 【属性 】 面 板 之 外 的 某 处 单 击 ， 页 面 的 【设计 】 视 图 就 会 更 新 ， 

并 在 按钮 上 显示 新 文本 。 
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图 1-14 添加 控件 图 1-15 设置 属性 

(10) 按 CtrltF5 组 合 键 在 默认 浏览 器 中 打开 该 页 面 。 注 意 ， 没 有 必要 显 式 地 保存 对 页 
面 的 修改 (不 过 用 快捷 键 Ctrl+S 经 常 保存 会 有 好 处 的 )。 按 Ctrl+F5 组 合 键 运行 页 面 后 ，VS 
就 会 自动 保存 对 打开 文档 的 所 有 修改 。 

(11) 在 文本 框 中 输入 一 些 文本 ， 然 后 单 击 这 个 按钮 。 注 意 ， 当 重新 加 载 页 面 后 ， 文 本 
仍然 会 显示 在 文本 框 中 。 如 果 没 有 显示 , 则 很 可 能 是 因为 还 没有 为 这 个 按钮 编写 任何 代码 。 

当 从 【工具 箱 】 中 拖 动 Button 和 TextBox 到 页 面 的 【设计 】 视 图 中 时 ，VS 会 自动 在 
【 源 】 视 图 中 添加 相应 的 代码 。 类 似 地 ， 当 在 【属性 】 面 板 中 修改 按钮 的 Text 属性 时 ，VS 
会 自动 更 新 【 源 】 视 图 中 控件 的 标记 。 如 果 不 使 用 【属性 】 面 板 ， 也 可 以 在 【 源 】 视 图 中 
Text 属性 的 引号 之 间 直 接 输入 文本 。 

修改 了 Text 属性 之 后 ， 页 面 在 【 源 】 视 图 中 应 包含 如 下 代码 。 














<asp:TextBox ID="TextBoxl" runat="server"></asp: TextBox> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 信 息 " /> 
当 按 Ctrl+F5 组 合 键 查看 浏览 器 中 的 页 面 时 ，Web 服务 器 会 收 到 请 求 ， 页 面 则 由 
ASPNET 运行 库 处 理 ， 为 页 面 产 生 的 最 终 的 HTML 将 被 发 送 到 浏览 器 。 
当 输 入 一 些 文本 并 单 击 按钮 时 ， 就 会 重复 同样 的 过 程 : Web 服务 器 接收 请 求 ， 处 理 页 
面 ， 将 结果 发 送 回 浏览 器 。 当 单 击 该 按钮 时 ， 就 引发 了 一 个 回 发 (postback)， 此 时 页 面 中 的 
所 有 信息 (如 在 文本 框 中 输入 的 文本 ) 都 会 被 发 送 回 服务 器 。ASP.NET 通过 再 次 呈现 页 面 来 
对 回 发 作出 响应 。 然 而 ， 这 次 它 用 发 送 到 页 面 的 值 预 先 填充 了 控件 ， 如 TextBox。 
使 用 浏览 器 的 【查看 源 代 码 】 命 令 查 看 页 面 最 终 的 HTML 代码 (如 果 已 经 关闭 了 ， 则 
按 Ctl+F5 组 合 键 从 VS 中 重新 运行 页 面 )。 代 码 应 如 下 所 示 。 














<input name="TextBoxl" type="text" id="TextBox1" /> 
<input type="submit" name="Button1" value=" 提 交 信息 " id="Button1" /> 
从 前 面 的 示例 中 可 以 看 出 ， 最 终 的 HIML 与 原始 ASPX 标记 有 相当 大 的 区 别 。 
在 VSEW 中 驻 留 的 窗口 和 工具 面板 远 远 不 止 目前 为 止 所 提 到 的 这 些 。 下 一 节 将 简要 介 
绍 一 些 构建 ASPNET Web 页 面 时 最 常用 的 窗口 。 如 果 使 用 的 是 专家 设置 模式 ， 则 这 里 提 
到 的 所 有 窗口 都 可 以 从 VS 或 VSEW 的 主 【 视 图 】 菜 单 中 访问 。 
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1.3.3 ”信息 窗口 


除了 在 启动 VS 时 见 到 的 默认 窗口 外 ，VS 中 还 有 很 多 可 用 窗口 。 在 本 书 的 其 余部 分 ， 
将 运用 到 这 些 窗口 ， 现 在 要 先 介 绍 儿 个 重要 的 窗口 。 开 发 者 可 以 访问 接 下 来 讨论 的 【 主 视 
图 】 菜 单 中 的 所 有 窗口 。 

错误 列表 

【错误 列表 】 提 供 了 一 个 列表 ， 列 出 了 当前 因为 某 种 原因 在 站 点 中 被 中 断 的 内 容 ， 包 
括 ASPX 或 HTML 文件 中 的 错误 标记 ， 以 及 VB 或 C# 文 件 中 的 编程 错误 。 这 个 窗口 甚至 
可 以 显示 XML 和 CSS 文件 中 的 错误 。 这 个 错误 列表 显示 了 3 类 消息 -一 错误 、 和 警告 和 消 
息 ， 它 们 分 别 表示 不 同 的 问题 严重 程度 。 如 图 1-16 所 示 的 是 CSS 和 XHTML 有 问题 的 页 
面 的 错误 列表 。 





















































图 1-16 错误 列表 


2. 【输出 】 窗 口 

当 使 用 【生成 】 菜单 构建 站 点 时 ，【 输 出 】 窗 口 会 提示 是 否 构建 成 功 。 如 果 构 建 失败 ， 
如 存在 编程 错误 ， 那 么 【输出 】 窗 口 就 会 指出 构建 失败 的 原因 。 在 Visual Studio 的 商业 版 
本 中 ，【 输 出 】 窗 口 还 用 来 输出 其 他 信息 ， 包 括 外 部 插件 程序 的 状态 。 

3. 【查找 结果 】 窗 口 

当 开始 管理 站 点 的 内 容 时 ，VS 的 【查找 】 和 【替换 】 功 能 是 非常 有 用 的 工具 。 在 工 
作 中 经 常 需要 替换 当前 文档 甚至 整个 站 点 中 的 某 些 文本 。 在 查找 (Ctrl+ShifttF) 和 替换 (Ctrl+ 
Shift+H) 时 都 会 在 【查找 结果 】 窗 口中 输出 它们 的 结果 ， 如 图 1-17 所 示 。 

































查找 结果 1 站 X 
生生 万 筷 
查找 全 部 “bedy“， 子 文件 夫 ， 查 找 结果 1 机 a 
D:\testyS\WebApplicationl \Neb Nindex. htnl (7): Chody> 
D:\te: Ee ebApplicationl \NebAppli tt ndex. htnl (9): </body 
四 要 文件 : 1 。 合计 搜索 文件 : 5 














1 查找 结 全 2 查找 符号 结 季 
图 1-17 【查找 结果 】 窗 口 


因为 同时 打开 多 个 信息 窗口 可 能 会 占用 宝贵 的 屏幕 空间 ， 所 以 最 好 停靠 (dock) 它 们 。 
这 样 ， 一 次 就 只 能 看 到 一 个 窗口 ， 且 仍然 能 够 快速 访问 其 他 窗口 。 下 一 节 将 解释 如 何 定 制 
IDE， 包 括 如 何 停靠 窗 
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1.4 定制 IDE 


虽然 Visual Studio 的 标准 配置 和 它 的 工具 窗口 相当 有 用 ， 但 是 开发 者 也 可 以 根据 自己 
的 偏好 定制 IDE。 有 时 可 能 需要 把 窗口 重新 安排 到 容易 找到 的 位 置 ， 有 时 可 能 希望 打开 其 
他 经 常用 到 的 窗口 。Visual Studio 是 可 以 完全 自 定义 的 ， 而 且 IDE 的 任何 细节 都 可 以 进行 
调整 。 下 一 节 将 介绍 如 何 完成 大 多 数 常见 的 自 定义 任务 。 


1.4.1 重新 排列 窗口 


可 以 在 主 IDE 中 通过 拖 动 重新 排列 窗口 。 只 须 简 单 地 按 住 窗口 的 标题 栏 或 者 它 下 面 的 
选项 卡 ， 并 沿 着 新 位 置 的 方向 拖 动 即 可 。 开 始 拖 动 窗口 时 ， 会 看 到 Visual Studio 提供 的 窗 
口 将 停 在 何 处 的 可 视 化 线索 (如 图 1-18 所 示 )。 

如 果 按 住 指示 器 边 上 的 4 个 方块 指示 器 之 一 拖 动 窗口 ， 窗 口 将 停靠 在 现 有 窗口 旁边 。 
当 放下 它 时 ， 窗 口 就 会 出 现在 它 的 新 位 置 上 。 如 果 将 窗口 放 在 指示 器 中 间 的 方块 上 ， 窗 口 
就 会 停靠 在 那个 窗口 的 位 置 ， 并 与 之 共享 相同 的 屏幕 空间 。 每 个 窗口 都 有 自己 的 选项 卡 ， 
这 一 点 从 图 1-18 下 方 的 窗口 上 可 以 看 出 来 。 

除了 在 IDE 中 将 窗口 与 其 他 窗口 停靠 在 一 起 外 ， 还 可 以 使 之 成 为 浮动 窗口 。 要 把 停靠 
窗口 改 为 浮动 窗口 ， 可 以 将 窗口 从 它 的 当前 位 置 拖 走 ， 并 放 在 IDE 中 的 任何 位 置 ， 不 需要 
单 击 屏 幕 中 的 某 个 可 视 化 线索 。 也 可 以 从 主 菜 单 中 选择 【窗口 】 代 浮动】 命令 ， 或 者 右 击 
窗口 的 标题 栏 ， 选 择 【 浮 动 】 命 令 ， 使 其 浮动 。 

要 将 浮动 面板 重新 恢复 到 它 原来 的 停靠 位 置 ， 可 以 右 击 其 标题 栏 ， 并 选择 【停靠 】， 
或 者 从 主 菜单 中 选择 【窗口 】 | 停靠 】 命令 即 可 。 
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图 1-18 程序 窗口 


1.4.2 ”修改 【工具 箱 】 
【工具 箱 】 也 是 可 以 修改 的 。 默 认 情况 下 ，【 工 具 箱 】 按 照 字 母 顺序 对 控件 进行 分 类 ， 
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但 是 也 可 以 使 用 拖 动工 具 对 它们 重新 进行 排列 。 为 此 ， 需 要 打开 【工具 箱 】( 按 Ctrl+Alt+X 
组 合 键 )， 把 一 个 控件 (如 【标准 】 类 别 下 的 TextBox) 拖 动 到 一 个 不 同 的 位 置 上 。 也 可 以 通 
过 右 击 它们 并 从 上 下 文 菜单 中 选择 【删除 】 命 令 ， 把 它们 从 【工具 箱 】 中 删除 。 不 要 担心 
控件 会 永久 失去 ， 因 为 可 以 从 同样 的 菜单 中 选择 【 重 置 工具 箱 】 命 令 来 重 置 【工具 箱 】。 

还 可 以 向 【工具 箱 】 中 添加 自己 的 控件 。 这 个 功能 最 常用 于 代码 段 。 只 需要 简单 地 突 
出 显示 文档 窗口 中 的 一 些 文本 或 代码 ， 并 把 它 拖 动 到 【工具 箱 】 中 。 然 后 可 以 右 击 该 项 目 
并 选择 【 重 命名 项 目 】 命 令 给 它 起 一 个 更 有 意义 的 名 称 ， 以 方便 识别 。 

为 了 避免 【工具 箱 】 与 自己 的 代码 段 混淆 ， 可 以 为 它们 创建 一 个 单独 的 类 别 。 为 此 ， 
可 以 从 【工具 箱 】 的 右 击 菜单 中 选择 【添加 选项 卡 】 命令 。 输入 一 个 名 称 , 然后 按 下 Enter 
键 ，【 工 具 箱 】 选 项 卡 就 可 以 使 用 了 。 

下 面 练习 打开 和 重新 排列 VS IDE 中 的 窗口 。 

(1) 如 果 关闭 了 上 文 建立 的 Web 站 点 ， 可 以 再 次 打开 它 ， 或 者 使 用 【文件 】 菜 单 新 建 

(2) 从 【视图 】 菜 单 中 ， 选 择 【错误 列表 】 命 令 ， 打 开 【 错 误 列表 】 窗 口 。 如 果 没有 
看 到 【错误 列表 】 选 项 ， 则 首先 选择 【工具 】| 【设置 】| 【导入 和 导出 设置 】。 注 意 在 默认 
情况 下 ， 它 停靠 在 文档 窗口 的 下 方 。 

(3) 再 次 从 【视图 】 菜 单 中 ,选择 【任务 列表 】 命令。 默认 情况 下 ， 它 会 停靠 在 与 【 错 
误 列 表 】 相 同 的 空间 中 ， 两 个 窗口 的 选项 卡 彼此 相 邻 。 

(4) 单 击 【 任 务 列表 】 选 项 卡 ， 沿 着 文档 窗口 的 方向 将 【任务 列表 】 拖 离 它 的 位 置 。 
释放 鼠标 后 , 它 就 会 显示 为 IDE 中 的 浮动 窗口 。 要 恢复 该 窗口 , 则 将 它 拖 回 到 【错误 列表 】 
的 中 心 方块 上 。 要 改变 选项 卡 在 选项 卡 组 中 出 现 的 位 置 ， 把 选项 卡 拖 动 到 其 他 选项 卡 上 ， 
并 在 所 需 的 位 置 处 释放 。 

(5) 可 以 对 IDE 中 默认 可 见 的 其 他 窗口 或 从 【视图 】 菜 单 下 找到 的 窗口 重复 上 面 的 步 
又 。 花 一 些 时 间 来 熟悉 所 有 不 同 的 窗口 ， 并 练习 如 何 把 它们 排列 在 屏幕 上 。 由 于 在 本 书 的 
其 余部 分 将 会 频繁 地 用 到 这 些 窗口 ， 所 以 最 好 先 熟 悉 它们 的 位 置 。 

(6) 接 下 来 ， 双 击 打开 【解决 方案 资源 管理 器 】 中 的 DemoPage 页 面 (或 者 如 果 创 建 了 

-个 新 的 Web 站 点 ， 则 首先 添加 一 个 新 的 ASPX 页 面 )。 当 该 页 面 打开 时 ，【 工 具 箱 】 会 
自动 可 视 。 如 果 不 可 视 ， 则 按 CtrH+Alt+X 组 合 键 打开 它 。 

(7) 右 击 【工具 箱 】 并 选择 【添加 选项 卡 】 命 令 。 输 入 HTML Fragments 作为 它 的 新 
名 称 ， 并 按 下 Enter 键 。 这 样 就 向 【工具 箱 】 中 添加 了 一 个 新 类 别 ， 它 的 行为 与 所 有 其 他 
类 别 一 样 。 

(8) 当 文档 窗口 在 【 源 】 视 图 中 显示 了 ASPX 页 面 后 ， 则 在 起 始 <div> 标 记 后 直接 输入 
<hl>。 注意 Visual Studio 会 自动 地 插入 结束 标记 <hl>。 最 后 在 【 源 】 视 图 中 的 代码 如 下 所 示 。 



















































































<form id="formml" runat="server"> 
<div> 

<hl></hl> 

<div> 
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(9) 突出 显示 起 始 和 结束 <h1> 标 记 ， 然 后 将 【 源 】 视 图 窗口 中 的 选项 拖 动 到 在 步骤 (7) 
中 创建 的 新 【工具 箱 】 选 项 卡 上 。 该 选项 会 显示 为 文本 : <hl></h1>。 

(10) 右 击 刚 刚 创 建 的 【工具 箱 】 项 目 ， 选 择 【 重 命名 选项 卡 】 命 令 ， 并 输入 Heading 1 
作为 其 名 称 。 

(11) 再 次 把 光标 放 到 文档 窗口 中 ， 按 下 CtrltD 组 合 键 后 直接 按 Ctrl+K 组 合 键 ， 以 便 
格式 化 文档 窗口 中 的 文档 。 另 一 种 方法 是 从 主 菜单 中 选择 【编辑 】| 【设置 文档 的 格式 】 命 
令 来 格式 化 文档 。 这 是 根据 在 Text Editor 选项 对 话 框 中 设 定 的 规则 对 文档 进行 格式 化 的 。 
还 可 以 对 一 些 其 他 的 文档 类 型 进行 格式 化 ， 包 括 C# 和 VB.NET 代码 ， 以 及 CSS 和 XML 
文件 。 

从 现在 起 ， 每 当 在 【 源 】 视 图 中 的 文档 需要 一 个 标题 时 ， 只 须 把 光标 放 在 文档 窗口 
希望 标题 出 现 的 地 方 ， 然 后 双击 【工具 箱 】 中 适当 的 标题 即 可 。 

下 面 来 构建 Web 站 点 时 经 常 需 要 的 窗口 。 然 后 使 用 IDE 的 拖 放 功 能 将 窗口 的 布局 重 
新 排列 为 个 人 偏爱 的 样子 。 

将 一 个 HIML 片段 添加 到 【工具 箱 】 的 自 定义 选项 卡 中 。 当 把 任何 标记 拖 动 到 【工具 
箱 】 中 时 ，Visual Studio 都 会 为 它 创建 一 个 含有 选 定 标记 的 【工具 箱 】 项 。 每 当 在 页 面 中 
需要 该 标记 的 一 个 副本 时 ， 只 要 双击 该 项 ， 或 把 它 从 【工具 箱 】 中 拖 动 到 【 源 】 视 图 窗口 
中 即 可 。 这 样 对 于 频繁 用 到 的 HTML 片段 可 以 节省 很 多 时 间 。 

最 后 ， 使 用 Visual Studio 的 文档 格式 化 选项 改变 文档 中 代码 的 布局 。 这 样 有 助 于 保持 
代码 的 有 序 性 且 使 其 更 易于 阅读 。 要 完全 改变 代码 的 格式 化 方式 ， 可 以 通过 【工具 】|【 选 
项 】 命 令 打 开 【 选 项 】 对 话 框 ， 然 后 扩展 路 径 【 文 本 编辑 器 】| HTML | 【格式 设置 】， 并 
单 击 【标记 专用 选项 】 按 钮 ， 在 打开 的 对 话 框 中 进行 设置 。 


1.4.3 ”定制 文档 窗口 


Visual Studio 使 文本 在 文档 窗口 中 的 显示 方式 有 极 大 的 灵活 性 。 可 以 修改 一 些 属性 ， 
如 字体 大 小 、 字 体 颜 色 ， 甚 至 是 文本 的 背景 色 。 要 访问 字体 和 颜色 设置 ， 可 以 选择 【 工 
有 具 】|【 选 项】 命令 ,然后 选择 【环境 】 | 【字体 和 颜色 】 命 令 。 

在 文档 窗口 中 ， 笔 者 喜欢 定制 选项 卡 的 大 小 ， 它 控制 缩 进 代码 时 插入 的 空格 数目 。 要 
修改 tab 的 大 小 ， 选 择 【 工 具 】|【 选 项】 命令 ,然后 在 【文本 编辑 器 】 下 方 选择 【所 有 语 
言 ]|【 制 表 符 】 选 项 。 通常 将 【 制 表 符 大 小 】 和 【 缩 进 大 小 】 都 设置 为 2， 其 他 设置 不 变 。 
笔者 还 喜欢 定制 在 HTML 元 素 前 后 换行 符 的 数目 。【 选 项 窗口 为 此 提供 了 完全 的 控制 权 : 
选择 【文本 编辑 器 】| HTMLI【 格 式 设置 】 命 令 ， 然 后 单 击 【 标 记 专用 选项 】 按 钮 ， 在 左边 
的 列表 中 可 以 选择 一 个 标记 ， 再 通过 右边 的 设置 控制 标记 的 格式 化 方式 。【 预 览 】 框 便于 
查看 各 种 设置 如 何 改变 格式 。 


1.4.4 ”定制 工具 栏 


工具 栏 可 以 通过 3 种 方式 定制 : 显示 或 隐藏 内 置 工具 栏 、 在 现 有 工具 栏 上 添加 或 删除 
按钮 、 使 用 常用 的 按钮 创建 自己 的 工具 栏 。 
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1. 启用 与 禁用 工具 栏 

要 禁用 和 启用 已 有 的 工具 栏 ， 可 以 右 击 任何 现 有 工具 栏 或 者 菜单 栏 ， 然 后 从 列表 中 选 
择 合适 的 项 。 一 旦 显示 了 工具 栏 ， 就 能 用 左边 的 拖 动手 柄 把 它 拖 动 到 工具 栏 区 的 新 位 置 。 

2. 编辑 现 有 工具 栏 

如 果 感 觉 现 有 工具 栏 缺少 了 重要 的 按钮 ， 或 者 工具 栏 中 包含 几乎 用 不 到 的 按钮 ， 则 可 
以 定制 工具 栏 上 的 按钮 。 为 此 ， 可 以 右 击 任何 工具 栏 或 菜单 栏 ， 并 选择 【 自 定 义 】 命 令 ， 
然后 切换 到 【命令 】 选 项 卡 ， 并 从 【工具 栏 】 下 拉 菜 单 中 选择 希望 修改 的 工具 栏 。 通 过 右 
边 的 【命令 】 按 钮 ， 可 以 添加 新 的 命令 并 删除 已 有 的 命令 ， 或 者 改变 命令 的 顺序 。 

3. 创建 自己 的 工具 栏 

如 果 想 将 常用 的 功能 组 合 在 一 起 , 那么 最 好 创建 自己 的 工具 栏 。 要 创建 一 个 新 工具 栏 ， 
用 上 一 节 介 绍 的 方法 打开 定制 窗口 。 单 击 【新建 】 按 钮 并 输入 工具 栏 的 名 称 。 然 后 切换 到 
【命令 】 选 项 卡 ， 用 与 修改 现 有 工具 栏 一 样 的 方式 修改 自己 的 工具 栏 。 


1.4.5 ”定制 键盘 快捷 键 


很 多 开发 人 员 喜 欢 修改 的 另 一 个 设置 是 键盘 快捷 键 。 使 用 键盘 快捷 键 是 节省 时 间 的 好 
方法 ， 因 为 它们 允许 用 一 个 简单 的 键盘 命令 来 执行 任务 ， 而 不 需要 拿 起 鼠标 选择 菜单 的 正 
确 项 目 。 要 修改 键盘 快捷 键 ， 选 择 【 工 具 】|【 选 项 】 命 令 ， 展 开 【环境 】， 然 后 单 击 【 键 
盘 】 选 项 ， 定 位 到 命令 列表 中 要 修改 快捷 键 的 命令 。 由 于 这 个 列表 中 含有 许多 项 目 ， 因 此 
可 以 通过 输入 命令 的 几 个 字母 来 过 滤 列 表 。 例 如 ， 在 【显示 命令 包括 】 字 段 中 输入 【打印 】 
就 会 给 出 所 有 与 打印 相关 的 命令 。 

下 一 步 , 在 【 按 快 捷 键 ] 字 段 中 , 输入 一 个 新 的 快捷 键 并 单 击 【分 配 】 按 钮 。 Visual Studio 
允许 为 一 个 命令 输入 两 个 快捷 键 。 例如， 可 以 将 命令 【关闭 所 有 文档 】 绑 定 到 Ctrl+K 组 合 
键 、Ctrl+O 组 合 键 上 。 要 执行 这 个 命令 ， 需 要 快速 而 连续 地 按 下 组 合 键 。 虽 然 两 个 快捷 键 
看 起 来 不 太 必要 ， 但 是 它 大 大 增加 了 可 用 快捷 键 的 数目 。 


1.4.6 ” 重 置 修改 


如 果 觉 得 尝试 了 大 量 的 自 定义 选项 而 弄 乱 了 Visual Studio， 也 不 要 担心 。 有 多 种 办 法 
可 以 把 Visual Studio 恢复 到 它 以 前 的 状态 。 

1. 重 置 Window 布局 

【 重 置 Windows 布局 】 命 令 可 以 从 【窗口 】 菜 单 中 访问 ， 它 用 来 将 所 有 窗口 重 置 为 第 
-次 启动 Visual Studio 时 的 位 置 。 如 果 误 放 了 太 多 窗口 ， 最 后 得 到 的 IDE 比较 混乱 ， 那 么 
这 个 命令 就 比较 有 用 。 


2. 重 置 【 工 具 箱 】 
如 果 误 删 了 【工具 箱 】 中 的 项 目 ， 或 者 删除 了 整个 选项 卡 ， 可 以 通过 右 击 【 工 具 箱 】 
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并 选择 【 重 置 工具 箱 】 命 令 将 【工具 箱 】 重 置 为 它 的 原始 状态 。 在 使 用 这 个 命令 前 需要 慎 
重 考 虑 ， 因 为 它 也 会 删除 所 有 的 自 定义 代码 段 。 


3. 重 置 所 有 设置 


如 果 开 发 者 做 了 一 些 练习 ， 又 进行 了 一 些 自 定义 设置 ， 那么 IDE 现在 很 可 能 是 这 两 种 
状态 之 一 : 要 么 看 起 来 就 是 所 希望 的 样子 ， 要 么 看 起 来 完全 混乱 了 。 对 于 后 面 这 种 情况 ， 
发 者 需要 先 学 习 一 下 如 何 轻松 地 消除 混乱 状态 。 

要 将 所 有 的 Visual Studio 设置 完全 恢复 到 它们 刚 安装 后 的 状态 ， 请 根据 所 使 用 的 VS 
版 本 ， 选 择 【 工 具 】| 【导入 和 导出 设置 】 命 令 。 接 下 来 ， 选 择 【 重 置 所 有 设置 】 选 项 并 单 
击 【 下 一 步 】 按 钮 。 如 果 愿 意 ， 可 以 为 现 有 设置 创建 一 个 备份 ， 否 则 ， 就 选择 【取消 】， 
仅 重 置 所 有 设置 即 可 。 此 时 ， 会 打开 男 一 个 界面 ， 允 许 在 众多 的 设置 集合 中 进行 选择 。 要 
选择 专家 设置 或 Web 开发 ， 因 为 这 些 选项 提供 了 对 本 书 中 涉及 的 所 有 功能 的 访问 。 最 后 ， 
单 击 【完成 】 按 钮 。 这 个 动作 会 导致 所 有 设置 重 置 为 它们 的 默认 值 ， 包 括 窗口 布局 、 工 具 
箱 及 工具 箱 定制 、 快 捷 键 以 及 可 能 在 Visual Studio 选项 对 话 框 中 修改 了 的 所 有 内 容 。 因 此 ， 
只 有 当 确 实 想 要 Visual Studio 的 一 个 全 新 配置 时 ， 才 使 用 这 个 命令 。 
































1.S ”创建 和 运行 ASP.NET 应 用 程序 


1.5.1 创建 ASPNET 应 用 程序 


配置 好 环境 之 后 ， 就 可 以 开始 创建 网 站 了 。 下 面 就 来 创建 一 个 ASPNET 网 站 。 
(1) 通过 【开始 】 菜 单 启动 Visual Studio 2012， 如 图 1-19 所 示 。 
0 起 始 页 - Microsoft Visual Studi ) 忱 当主 (Chl-Q) P=- Ox 


文件 日 ”二 考 E) 人 国 V) 。 主 风 D) 加 QLO) 工商 O 。 更 试 G) 体系 续 构 WitN) 。 密 口 W) 帮助 (4 
刘 - 和 名 中 









逢 = 方 衬 妆 看 国 队 深 潭 基于 





图 1-19 VS 启动 界面 


(2) 选择 【文件 】 I 【新建 】|【 网 站 】 命 令 ， 打开 【新 建 网 站 】 对 话 框 ， 如 图 1-20 所 示 。 
(G3) 在 左边 的 【模板 】 中 ， 选 择 Visual C#( 本 书 以 C# 语 言 为 主 )。 
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(4) 在 中 间 的 模板 列表 框 中 ， 选 择 【ASPNET 窗 体 网 站 】 选 项 ;在 左下 方 的 【Web 位 
置 】 下 拉 列 表 中 选中 【文件 系统 】; 如 果 需 要 ， 可 以 改变 Web 站 点 在 磁盘 上 的 存储 位 置 ， 
单 击 【浏览 〗】 按 钮 ， 在 计算 机 的 硬盘 驱动 器 上 选择 一 个 新 位 置 即 可 。 
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图 1-20 【新 建 网 站 】 对 话 框 


(5) 单 击 【 确 定 】 按 钮 ， 这 时 VS 就 创建 了 一 个 新 的 FT 一 ma 
Web 站 点 , 其 中 包括 如 图 1-21 所 示 的 文件 和 文件 夹 , 它们 各 Oo-e0 
可 以 用 来 开始 创建 Web 站 点 。 二 
(6) 双击 文件 Defaultaspx, 删除 ID 为 FeaturedContent ss 


》 国 Account 
的 <asp:Content> 代 码 块 ; 删除 ID 为 BodyContent 的 . = 各 ae 
<asp:Content> 代 码 块 中 的 所 有 代码 ， 用 下 面 突出 显示 的 文 ee 
本 和 代码 进行 替换 。 站 
D Bundle.config 
<asp:Content runat="server" ID="BodyContent" 本 人 
ContentPlaceHolderID="MainContent"> | ee 本 
<h2>Hello World</h2> ee i 
<p>Welcome to Beginning ASP.NET 4.5 on <%: EE 
DateTime.Now.ToString() %></p> 图 1-21 新 建 网 站 后 生成 的 
</asp:Content> 文件 和 文件 夹 


不 用 关心 欢迎 消息 中 使 用 尖 括 号 (二 ) 的 代码 和 百 分 号 ， 它 们 称 为 标记 ， 计 算 机 自然 就 
会 知道 它 是 如 何 工 作 的 。 虽 然 到 目前 为 止 ， 开 发 者 可 能 还 不 熟悉 这 样 的 代码 ， 但 是 不 难 猜 
出 它 是 用 来 做 什么 的 : 输出 今天 的 日 期 和 时 间 。 


1.5.2 ”运行 ASPNET 应 用 程序 


下 面 来 运行 所 创建 的 应 用 程序 。 操 作 步 骤 如 下 。 

(1) 按 CtrlHHF5 组 合 键 ， 在 默认 的 Web 浏览 器 中 打开 页 面 ， 如 图 1-22 所 示 。 

如 果 开 发 者 有 一 些 Visual Studio 经 验 ， 就 可 能 习惯 按 下 F5 键 。 如 果 使 用 这 个 选项 ， 
站 点 就 会 在 调试 模式 下 打开 ,并 显示 一 个 对 话 框 ,询问 是 否 要 启用 调试 功能 (可 以 安全 地 这 
么 做 )。 
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xx 
Cle! http://ocalhost5796/Default.aspx D2- 2cB se. 


注册 才 台 a 
主页 “关于 。 联系 方式 


Hello World 


Welcome to Beginning ASP.NET 4.5 on 2014/11/23 23:13:57 


加 2014- 我 的 ASPNET 应 用 各 学 





图 1-22 ”页面 运行 效果 


如 果 在 页 面 中 没有 看 到 日 期 和 时 间 ， 或 者 收 到 了 错误 消息 ， 则 回顾 一 下 欢迎 消息 中 的 
代码 。 它 以 前 尖 括 号 (<) 开 头 ， 后 面 跟着 一 个 百 分 号 和 一 个 冒号 ， 以 一 个 百 分 号 和 另 一 个 后 
尖 括 号 人 >) 结束 。 还 要 确保 输入 和 此 处 完全 相同 的 代码 ， 包 括 大 小 写 也 要 一 致 。 特 别 是 使 用 
的 语言 是 C# 时 这 一 点 特别 重要 ， 因 为 该 语言 是 区 分 大 小 写 的 。 

(2) 注意 ，Windows 的 任务 栏 中 会 出 现 一 个 表示 IS Express 的 小 图 标 喜 。 如 果 看 到 另 

-个 图 标 ， 就 在 VS 中 右 击 站 点 ， 选 择 Use IIS Express。 如 果 没 有 在 任务 栏 中 看 到 该 图 标 ， 
则 可 以 单 击 Windows 任务 栏 中 其 他 图 标 旁边 的 第 头 ， 并 单 击 【 自 定义 】 选 项 。 然 后 把 IS 
Express System Tray 设置 为 Show Icon and Notifications。 这 个 图 标 属于 内 置 的 Web 服务 器 
IIS Express。 该 Web 服务 器 由 VS 自动 启动 ， 以 响应 对 页 面 的 请 求 。 本 书后 面 将 会 介绍 
Web 服务 器 如 何 处 理 页 面 。 

这 就 是 用 Visual Studio 创建 第 一 个 ASP.NET Web 站 点 的 过 程 。 虽 然 创 建 的 这 个 Web 
站 点 相当 简单 , 但 是 让 Default.aspx 页 面 显 示 在 浏览 器 中 的 过 程 却 没有 那么 简单 。 ASP.NET 
页 面 (根据 它 的 扩展 名 ， 也 称 为 ASPX 页 面 或 Web 窗 体 ) 本 身 并 不 能 做 太 多 的 事 。 在 浏览 器 
能 够 显示 它 之 前 , 需要 一 个 Web 服务 器 对 它 进行 处 理 。 这 就 是 VS 自动 启动 IS Express 来 
处 理 页 面 请 求 的 原因 。 接 下 来 ， 它 会 启动 默认 的 Web 浏览 器 并 定向 Web 服务 器 的 地 址 : 
http://localhost:57947/Default.aspx, 不 过 每 次 启动 Web 服务 器 时 , 这 个 地 址 中 的 实际 端口 号 
可 能 都 不 同 ， 因 为 该 数字 是 VS 随机 选择 的 。 
重要 的 是 要 意识 到 ， 在 VS 中 修改 的 ASPX 文件 并 不 是 在 浏览 器 中 最 终 显 示 的 文件 。 
在 VS 中 创建 一 个 页 面 时 , 就 向 它 添加 了 标记 (markup)。ASPX 页 面 中 的 标记 由 以 下 内 
容 组 成 : HTML、ASP.NET 服务 器 控件 的 代码 、 用 Visual Basic .NET 或 C# 编 写 的 代码 等 。 
在 浏览 器 中 请 求 一 个 ASPX 页 面 时 ，Web 服务 器 就 会 处 理 这 个 页 面 ， 执 行 它 在 文件 中 
找到 的 所 有 服务 器 端 代码 ， 并 有 效 地 将 ASP.NET 标记 转换 为 纯 HIML， 然 后 发 送 给 显示 
这 个 页 面 的 浏览 器 。 在 上 面 的 程序 中 ， 最 终 的 HTML 会 引起 浏览 器 显示 当前 日 期 和 时 间 。 
HTML(HyperText Markup Language， 即 : 超 文 本 标记 语言 ) 是 浏览 器 用 来 显示 Web 页 面 的 
语言 。 本 章 后 面 将 会 介绍 HTML， 以 及 如 何 使 用 HIML。 

要 查看 最 终 的 HTML 与 原始 的 ASPX 页 面 有 什么 区 别 , 请 在 浏览 器 中 打开 该 页 面 的 源 
代码 。 在 大 多 数 浏 览 器 中 ， 可 以 通过 右 击 页 面 并 选择 【查看 源 代码 】 命 令 来 打开 源 代码 窗 
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。 这 样 还 会 打开 一 个 默认 的 文本 编辑 器 ， 用 于 显示 该 页 面 的 HTML 代码 。 
如 果 在 完成 上 面 的 程序 操作 后 已 经 关闭 了 浏览 器 ， 则 也 可 以 在 VS 中 按 Ctrl+F5 组 合 
键 ， 再 次 打开 该 页 面 ， 并 选择 【查看 源 代码 】 命 令 。 
在 源 代码 中 向 下 滚动 ， 找 到 包含 欢迎 消息 的 代码 行 ， 注 意 标 记 之 间 不 再 是 代码 ， 而 是 
实际 的 日 期 和 时 间 。 











<h2>Hello World</h2> 
<p>Welcome to Beginning ASPNET 4.5 on 2014/10/19 16:19:59</p> 


当 Web 服务 器 处 理 页 面 时 , 它 就 从 服务 器 中 查询 当前 日 期 和 时 间 , 并 把 它们 插入 到 要 
发 送 给 浏览 器 的 HIML 中 。 根 据 Windows 安装 中 的 语言 设置 ， 会 看 到 为 适应 Windows 区 
域 设置 而 进行 格式 化 的 不 同日 期 和 时 间 。 

下 一 章 将 更 详细 地 介绍 ASP.NET 的 工作 原理 。 





1.6 本 章 小 结 


本 章 介 绍 了 很 多 重要 的 基础 知识 ， 使 读者 对 ASPNET 4.5 和 Visual Studio 有 了 初步 了 
解 。 首 先 从 总 体 上 简单 介绍 了 Microsoft .NET Framework 的 历史 , 并 特别 介绍 了 ASPNET。 
然后 说 明了 如 何 获得 和 安装 Visual Studio。Visual Studio 是 创建 ASPNET 4.5 Web 页 面 时 
使 用 最 为 广泛 和 最 为 通用 的 工具 。 为 了 更 有 效 地 使 用 这 个 工具 ， 本 章 介绍 了 如 何 使 用 和 定 
制 IDE。 最 后 ， 通 过 实例 演示 了 如 何 创建 ASPNET 应 用 程序 。 


1.7 思考 和 练习 


1. 简 述 静态 网 站 和 动态 网 站 的 区 别 。 

2. 简 述 Web 工作 原理 。 

3. 简 述 ASP.NET 开发 环境 Visual Studio 的 基本 组 成 。 
4. 简 述 通 过 Visual Studio 创建 网 站 的 基本 过 程 。 
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HTML 是 互联 网 上 组 建 网 站 的 最 常用 语言 ， 但 由 于 它 本 身 固有 的 缺陷 ， 己 经 不 能 满足 
动态 网 站 的 组 建 和 互联 网 发 展 的 需求 。 XML 是 “万 维 网 联盟 ”定义 的 受到 广泛 支持 的 行业 
标准 ， 是 新 一 代 互联 网 的 关键 ， 但 XML 不 兼容 HTML。 因 此 ， 在 现实 中 用 XML 取代 
HTML 还 有 很 长 的 路 要 走 。XHTML 是 基于 XML 的 规范 ， 并 且 是 对 HIML 进行 增强 而 形 
成 的 一 种 过 渡 语 言 。 

本 章 对 XHTML 的 概念 、 页 面 结构 、 语 法 规则 和 标记 进行 了 详细 的 描述 。 通 过 本 章 的 
学 习 ， 读 者 能 够 掌握 XHTML 的 基本 概念 ， 并 学 会 使 用 XHTML 编写 ASP.NET 网 页 。 


本 章 的 学 习 目 标 : 

e 理解 HTML、XML 和 XHTML 的 概念 ， 以 及 三 者 之 间 的 关系 。 
e 掌握 动态 网 页 的 组 成 结构 。 

e 掌握 XHTML 的 语法 规则 。 

。 熟悉 并 使 用 XHTML 标记 。 


2.1 Web 基本 技术 


互联 网 技术 正 处 于 日 新 月 异 的 高 速 发 展 中 ， 特 别 是 目前 互联 网 和 移动 网 络 的 融合 ， 更 
是 加 速 了 技术 的 发 展 。 但 是 ， 无 论 是 Web 网 站 开发 技术 ， 还 是 目前 流行 的 手机 APP 开发 
中 ，HTML、XML、XHTML 依然 是 最 基本 的 技术 ， 而 CSS、JS 技术 均 围 绕 它们 而 开展 工 
作 。 本 节 将 对 这 些 最 基本 的 Web 技术 进行 简单 介绍 。 


之 41 HTME 


HTML(HyperText Markup Language) 超 文本 标记 语言 ， 是 制作 页 面 文档 的 主要 编辑 语 
言 。 在 任何 操作 系统 下 ， 只 要 有 浏览 器 就 可 以 运行 HTML 页 面 文档 。 作 为 一 种 标记 语言 ， 
HTML 利用 近 120 多 种 标记 来 标识 网 页 的 结构 及 超 链 接 等 信息 ， 使 页 面 文档 在 浏览 器 中 展 
示 出 精彩 纷呈 的 效果 。HTML 只 是 建议 Web 浏览 器 应 该 如 何 显示 和 排列 信息 , 并 不 能 精确 
定义 格式 。 因 此 ， 在 不 同 的 浏览 器 中 显示 的 HTML 文件 效果 会 不 同 。 

HTML 文件 是 一 种 纯 文本 文件 ， 通 常 以 .htm 或 .html 作为 文件 扩展 名 。 可 以 用 各 种 类 
型 的 工具 来 创建 或 者 处 理 HTML 页 面 ， 如 记事 本 、 写 字 板 、FrontPage、Dreamweaver 等 。 

HTML 由 于 它 的 简单 易学 ， 得 到 了 广泛 的 使 用 ， 但 是 HTML 存在 着 不 可 克服 的 缺陷 。 

首先 ，HTML 的 标记 是 固定 的 。 也 就 是 说 ，HTML 不 允许 用 户 创建 自己 的 标记 。 所 以 
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HTML 很 难 做 更 复杂 的 事情 ， 如 无 法 描述 矢量 图 形 、 科 技 符号 和 一 些 其 他 特殊 显示 效果 。 
其 次 ，HIML 中 标记 的 作用 只 是 建议 浏览 器 用 何 种 方式 显示 数据 。HTML 语言 无 法 解 
释 数据 之 间 的 关系 ， 以 及 相关 结构 方面 的 信息 。 因 此 ， 不 能 适应 日 益 增多 的 信息 检索 要 求 
和 存档 要 求 。 
通过 上 面 的 讨论 可 以 看 出 ，HTML 尽管 十 分 简单 方便 ， 但 当 需 要 对 一 定量 的 数据 进行 
复杂 处 理 时 ， 就 力不从心 了 ， 而 这 正 是 XML 可 以 大 显 身手 的 地 方 。 


2.12 XMEL 


HTML 是 很 成 功 的 标记 语言 ， 目 前 很 多 网 站 都 是 由 HTML 语言 制作 的 。HTML 语法 
要 求 比较 松散 ， 这 对 网 页 编写 者 来 说 ， 比 较 方便 ， 但 对 计算 机 来 说 ， 语 言 的 语法 越 松 散 ， 
处 理 起 来 就 越 困 难 。 传 统 的 计算 机 能 够 处 理 松散 的 语法 ， 但 随 着 互联 网 的 发 展 ， 对 于 许多 
新 兴 的 连接 到 互联 网 的 设备 ， 如 手机 ， 解 析 网 页 语法 的 难度 就 比较 大 。 于 是 ， 人 们 开始 致 
力 于 构建 男 一 种 标记 语言 ， 使 它 既 具有 HTML 的 简单 性 ， 又 具有 强大 的 功能 和 可 扩展 性 ， 
XML 应 运 而 生 。 

XML(Extensible Markup Language) 可 扩展 标记 语言 ， 将 网 络 上 的 文档 规范 化 ， 并 赋予 
标记 一 定 的 含义 。 同 时 ，XML 不 仅 只 是 标记 语言 ， 它 还 提供 了 一 个 标准 ， 用 户 可 以 利用 这 
个 标准 定义 新 的 标记 语言 ， 并 为 这 个 新 的 标记 语言 规定 它 所 特有 的 一 套 标 记 。 

XML 已 经 在 文件 配置 、 数 据 存储 、 基 于 Web 的 B2B 交易 、 存 储 矢量 图 形 和 描述 分 子 
结构 等 众多 方面 得 到 广泛 的 应 用 。 但 是 ， 由 于 目前 的 浏览 器 对 XML 的 支持 还 不 够 完善 ， 
XML 在 互联 网 上 完全 替代 HIML 还 需要 很 长 一 段 时 间 。 

在 由 HIML 向 XML 过 渡 阶 段 ， 国 际 万 维 网 组 织 (W3C) 在 HTML 基础 上 ， 按 照 XML 
格式 制定 了 新 的 规范 XHTML 1.0， 使 网 络 编程 人 员 只 要 通过 简单 地 更 改 ， 就 能 将 HTML 
转 为 XHTML， 从 而 为 实现 由 HTML 向 XML 的 过 渡 找 到 桥梁 。 








过 


2.1.3 XHTML 


XML 虽然 数据 转换 能 力 强大 ， 完 全 可 以 替代 HTML， 但 面 对 成 千 上 万 已 有 的 基于 
HTML 语言 设计 的 网 站 ， 直 接 采 用 XML 还 为 时 过 早 。 因 此 ， 在 HIML 4.0 的 基础 上 ， 用 
XML 的 规则 对 其 进行 扩展 , 得 到 了 XHTML(Extensible HyperText Markup Language) 可 扩展 
超 文本 标记 语言 。XHTML 是 为 了 使 HIML 向 XML 顺利 过 渡 而 定义 的 标记 语言 。 它 以 
HTML 为 基础 ， 采 用 XML 严谨 的 语法 结构 。 可 以 说 , XHTML 结合 了 部 分 XML 的 强大 功 
能 及 大 多 数 HTML 的 简单 特性 , 是 一 种 增强 了 的 HTML。 它 的 可 扩展 性 和 灵活 性 将 适应 未 
来 网 络 应 用 的 需求 。 越 来 越 多 的 程序 员 开 始 利用 XHTML 设计 网 站 结构 ， 编 写 网 页 内 容 。 

目前 国际 上 在 网 站 设计 中 推崇 的 Web 标准 就 是 基于 XHTML 的 应 用 ( 即 通常 所 说 的 
CSS+DIV)。 本 书 所 介绍 的 默认 建立 的 网 页 即 为 XHTML 格式 的 网 页 。 

大 部 分 的 浏览 器 都 可 以 正确 地 解析 XHTML， 即 使 老 版 本 的 浏览 器 ， 也 将 XHTML 作 
为 HTML 的 一 个 子 集 。 因 此 ， 几 乎 所 有 的 网 页 浏览 器 在 正确 解析 HTML 的 同时 ， 都 可 以 
兼容 XHTML 。 








第 2 章 ASPNET 网 页 框架 语言 。29 。 


2.2 XHTML 的 基本 格式 


XHTML 以 HIML 为 基础 ， 所 以 与 HTML 有 很 多 相似 之 处 。 接 下 来 介绍 ASPNET 的 
页 面 文档 结构 和 XHTML 的 语法 规则 。 


2.2.1 ASPNET 的 文档 结构 


这 里 以 一 个 页 面 welcome.aspx 为 例 ， 来 说 明 ASPNET 的 文档 结构 。 
welcome.aspx 的 XHTML 代码 如 下 。 





<%(@ Page Language="C#" AutoEventWireup="true" CodeFile= "welcome.aspx.cs" 
Inherits="welcome" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> 
<script runat="server"> 
</script> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title> 无 标题 页 </title> 
</head> 
<body> 
<form id="forml" rnat="server"> 
<div> 
RS 
欢迎 使 用 Visual Web Develope 
&nbsp 
</p> 
</div> 
</form> 
</body> 
</html> 


从 上 面 的 代码 可 以 看 到 ， 一 个 完整 的 ASP.NET 页 面 文档 是 由 指令 、 文 档 类 型 声明 、 
代码 声明 、 服 务 器 代码 、 文 本 和 XHTML 标记 等 部 分 组 成 。 


1. 指令 


ASP.NET 页 面 通常 包含 一 些 指令 ,允许 用 户 指 定 页 面 的 属性 和 配置 信息 , 对 页 面 进 行 
设置 。 指 令 指定 的 设置 ， 不 会 出 现在 浏览 器 端 。 

在 网 页 设计 时 ，ASP.NET 提供 “代码 分 离 ”技术 ， 使 开发 者 进行 分 工 协作 ， 分 别 进 行 
网 页 界面 代码 设计 和 后 台 服 务 器 运行 代码 设计 。 有 具体 在 实践 中 ， 将 源 代码 放 在 扩展 名 
为 .aspx 文件 中 ， 将 Web 服务 器 运行 代码 放 在 另 一 个 文件 中 。 若 此 文件 是 由 C# 编 写 的 ， 则 
文件 扩展 名 为 .cs。 这 样 做 可 以 使 前 台 HTML 界面 随 着 潮流 不 停 地 变化 , 而 后 台 服 务 器 端的 
代码 可 以 稳定 地 实现 业务 处 理 。 
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.aspx 文件 和 .cs 文件 的 相互 关联 是 由 .aspx 文件 中 @page 指令 连接 的 。 例如 , 在 本 例 中 
有 如 下 指令 。 








<%(@ Page Language="C#" AutoEventWireup="true"” CodeFile="welcome.aspx.cs" 
Inherits="welcome" %> 


该 指令 说 明 编程 语言 为 C#， 需 要 链接 的 cs 文档 为 welcome.aspx.cs。 

2. 文档 类 型 声明 

DOCTYPE 为 文档 类 型 声明 ， 指 定 本 文档 遵从 的 DTD(Document Type Definition， 即 : 
文档 类 型 定义 ) 标 准 , 同时 指定 了 文档 中 的 XHTML 版 本 , 可 以 和 哪些 验证 工具 一 起 使 用 等 
信息 ， 以 保证 此 文档 与 Web 标准 一 致 。 

文档 类 型 声明 是 每 个 网 页 文档 必需 的 。 如 果 网 页 文档 中 没有 文档 类 型 声明 ， 浏 览 器 就 
会 采用 默认 的 方式 ， 即 W3C 推荐 的 HTML 4.0 来 处 理 此 HTML 文档 。 

本 例 的 文档 类 型 声明 部 分 如 下 。 

<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtmll/DTD/xhtmll -transitional.dtd">。 

DOCTYPE 是 document type (文档 类 型 ) 的 缩写 ，W3CWDTD XHTML 1.0 Transitional 
说 明 此 文档 符合 W3C 制定 的 XHTML 1.0 规范 , 即 声 明 此 文档 应 该 按照 XML 文档 规范 来 
配对 所 有 标记 。xhtmll-transitional.dtd 中 的 dtd 是 文档 类 型 定义 ， 包 含 了 文档 的 规则 ， 浏 览 
器 根据 页 面 所 定义 的 dtd 来 解释 页 面 内 的 标识 ， 并 将 其 显示 出 来 。 

3. 代码 声明 

包含 ASPNET 页 面 的 所 有 应 用 逻辑 和 全 局 变量 声明 、 子 例 程序 和 函数 。 页 面 的 代码 
声明 位 于 <script>…</scrip 亿 标记 中 。 

4. 服务 器 代码 

大 多 数 ASPNET 页 面包 含 处 理 页 面 时 在 服务 器 上 运行 的 代码 。 页 面 的 代码 位 于 
script 标记 中 ， 该 标记 中 的 开始 标记 包含 ranat="server" 属性 。 

例如 ， 本 例 中 的 <script runat="server">， 说 明 页 面 运 行 时 ，ASP.NET 将 此 标记 标识 为 
服务 器 控件 ， 并 使 其 可 用 于 服务 器 代码 。 

5. 文本 和 XHTML 标记 


页 面 的 文本 部 分 用 XHTML 标记 来 实现 ,这 一 部 分 结构 应 完全 符合 HIML 的 文件 结构 。 
在 上 面 的 例子 中 可 以 看 到 ， 一 个 最 基本 的 HIML 网 页 结构 由 3 个 部 分 构成 。 








<html> 
<head> 
<title> 标 题 内 容 </title> 
</head> 
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主要 内 容 
</body> 
</html> 

e <html>…</html>: 整个 HTML 文件 的 起 止 标 记 , 其 他 HTML 标记 都 要 被 放 在 这 对 

标记 之 间 。 

在 HTML 代码 中 ， 仅 有 <html>…</html>， 而 在 XHTML 代码 中 使 用 了 <html xmlns= 
"http://www.w3.org/1999/xhtml">…</html>。 其 中 的 xmlns 是 XHTML namespace 的 缩写 ， 
即 XHTML 命名 空间 ， 用 来 声明 网 页 内 所 用 到 的 标记 是 属于 哪个 名 称 空间 的 。 本 例 中 ， 指 
定 HIML 的 标记 名 称 空间 为 http:/www.w3.org/1999/xhtml, 这 属于 XML 1.0 的 写法 。 说 明 
整个 网 页 标记 应 符合 XHTML 规范 。 

@ <head>…</head>: HTML 头 部 文件 。 

头 部 文件 中 包含 页 面 传递 给 浏览 器 的 信息 。 这 些 信息 虽然 作为 一 个 单独 的 部 分 ， 不 是 
网 页 的 主体 内 容 , 但 有 时 对 于 浏览 器 而 言 是 很 有 用 的 。 在 头 部 文件 中 可 以 设置 页 面 的 标题 、 
关键 字 、 外 部 链接 和 脚本 语言 等 内 容 。 例 如 ， 如 用 <title>…</title> 标 记 来 设置 网 页 的 标题 ， 
用 <script >…</script> 标 记 来 插入 脚本 等 。 

@ <body>…</body>: 文档 内 容 部 分 。 

<body>…</body> 标 记 之 间 为 页 面 文档 的 主体 ， 用 来 放置 页 面 的 内 容 ， 是 在 浏览 器 中 
需要 显示 的 内 容 。 对 一 个 最 简单 的 网 页 来 说 ，<body>…</body> 标 记 符 是 必须 使 用 的 标记 
符 。 


2.2.2 XHTML 的 语法 规则 








因为 引入 XHTML 的 目的 是 在 HTML 中 使 用 XML, 所 以 XHTML 的 语法 规则 比 HTML 
严格 很 多 。 具 体 有 下 列 规 则 。 
(1) UTF-8 之 外 的 编码 ， 文 档 必须 具有 XML 声明 。 
当 文 档 的 字符 编码 是 默认 的 UTF-8 之 外 的 编码 时 , 编程 人 员 必 须 在 XHTML 页 面 中 添 
加 一 个 XML 声明 ， 并 指定 代码 。 如 下 所 示 。 
<? xml version="1.0" encoding="iso-8859-1"?> 
(2) 页 面 中 的 HIML 标记 之 前 必须 使 用 DOCTYPE 声明 。 
XHTML 1.0 提供 了 3 种 DID 声明 供 选 择 ，DOCTYPE 声明 必须 引用 其 中 一 种 类 型 。 
e@ Transitional( 过 渡 型 ): 要 求 使 用 宽松 的 DID， 这 时 可 以 使 用 符合 HIML 4.0 标准 的 
标记 , 但 是 必须 符合 XHTML 的 语法 。 这 是 ASPNET 所 采用 的 默认 文档 类 型 定义 。 
声明 代码 为 如 下 。 
<!DOCTYPE html PUBLIC "-WW3CWDTD XHTML 1.0 Transitional//EN" 
"http:/www.w3.ore/TR/xhtmll/DTD/xhtmll-transitional.dtd"> 


e Strict( 严 格 型 ): 要 求 使 用 严格 的 DTD， 这 时 不 能 使 用 任何 表现 层 的 标记 和 属性 ， 
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如 标记 <br>。 声 明代 码 如 下 。 


<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 strict/EN" 
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd"> 


e ”Frameset( 框 架 型 ): 专门 针对 框架 页 面 设计 使 用 的 DTD, 如 果 在 网 页 中 包含 有 框架 ， 
则 需要 采用 这 种 DTD。 声 明代 码 如 下 。 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http:/www.w3.org/TR/xhtmll/DTD/xhtmll-frameset.dtd"> 


(3) 页 面 的 html 标记 必须 指定 命名 空间 。 

html 标记 必须 指定 XHTML 命名 空间 , 即将 namespace 属性 添加 到 html 标记 中 , 如 例 
子 中 的 <html xmlns="http://www.w3.org/1999/xhtml">*…</html>。 

(4) 文档 必须 包含 完整 的 结构 标记 。 

文档 必须 包含 head、 title 和 body 结构 标记 。 框架 集 文档 必须 包含 head title 和 frameset 
结构 标记 。 

(5) 标记 必须 正确 嵌 套 。 

XHTML 要 求 有 严谨 的 结构 ， 文 档 中 的 所 有 标记 必须 按 顺序 正确 岩 套 。 


<p>This is a <i> bad example.</p></ 记 是 错误 的 。 





<p>This is a <i> good example.</i></p> 是 正确 的 。 

也 就 是 说 ， 一 层 一 层 的 霸 套 必须 是 严格 对 称 。 

(6) 标记 必须 成 对 使 用 ， 若 是 单独 不 成 对 的 标记 ， 在 标记 最 后 加 /> 结束 。 

<br> 是 错误 的 。 

<br 人 > 是 正确 的 。 

(7) 所 有 标记 名 称 和 属性 的 名 字 都 必须 使 用 小 写 。 

与 HIML 不 同 ，XHTML 对 大 小 写 是 敏感 的 ，XHTML 要 求 所 有 的 标记 和 属性 的 名 字 
都 必须 使 用 小 写 。<title> 和 <TITLE> 在 XHTML 是 不 同 的 标记 。 

(8) 属性 值 必须 用 引号 " 括 起 来 。 

在 HTML 中 , 不 要 求 给 属性 值 加 引号 , 但 是 在 XHTML 中 ， 属 性 值 必须 被 加 引号 。 例 
如 ，<height=80> 必须 修改 为 ，<height="80">。 

特殊 情况 下 ， 若 用 户 需要 在 属性 值 里 使 用 双 引 号 ， 可 以 使 用 &apos; 表 示 ， 如 下 。 














<alt="say&apos;hello&apos:"> 


(9) 属性 不 允许 简写 ， 每 个 属性 必须 赋值 。 
XHTML 规定 所 有 属性 都 必须 有 一 个 值 ， 没 有 值 的 就 重复 本 身 。 如 下 所 示 。 


<input type="checkbox" name="shirt" value="medium" checked> 
必须 修改 如 下 。 


<input type= "checkbox" name="shirt" value= "medium'" checked="checked"> 
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(10) 使 用 id 蔡 代 name 属性 。 

(11) 图 片 必须 有 说 明文 字 。 

每 个 图 片 标记 必须 有 ALT 说 明文 字 。 即 必须 对 img 和 area 标记 应 用 文字 说 明 ale=" 说 
明 " 属 性 。 如 下 所 示 。 

ee 

(12) 不 要 在 注释 内 容 中 使 用 --。 

一 只 能 发 生 在 XHTML 注释 的 开头 和 结束 ， 也 就 是 说 ， 在 内 容 中 它们 不 再 有 效 。 例 如 
下 面 的 代码 是 无 效 的 。 

<!-- 这 里 是 注释 ----------- 这 里 是 注释 --> 

可 以 用 等 号 或 者 空格 替换 内 部 的 虚线 ， 如 <!-- 这 里 是 注释 一 二 这 里 是 注释 --> 是 正确 的 。 

以 上 规则 的 使 用 是 为 了 使 代码 有 一 个 统一 、 唯 一 的 标准 ， 便 于 以 后 的 数据 再 利用 。 为 
由 HTML 向 XML 过 渡 打 下 基础 。 








2.3 XHTML 标记 、 标 记 属 性 


标记 (Tags) 是 指定 界 符 (一 对 尖 括 号 ) 和 定 界 符 括 起 来 的 文本 , 用 来 控制 数据 在 网 页 中 的 
编排 方式 ， 告 诉 应 用 程序 (如 浏览 器 ) 以 何 种 格式 表现 标记 之 间 的 文字 。 当 需要 对 网 页 某 处 
内 容 的 格式 进行 编排 时 ， 只 要 把 相应 的 标记 放置 在 该 内 容 之 前 ， 浏 览 器 就 会 以 标记 定义 的 
方式 显示 网 页 的 内 容 。 学 习 XHTML 语言 的 重点 就 是 学 习 标记 的 使 用 。 

标记 控制 文字 显示 的 语法 如 下 。 


< 标记 名 称 > 
需 进行 格式 控制 的 文字 
</ 标 记名 称 > 


在 XHTML 标记 中 ， 往 往 还 可 以 通过 设 定 一 些 属性 ， 来 描述 标记 的 外 观 和 行为 方式 ， 
以 及 内 在 表现 ， 以 便 对 文字 编排 进行 更 细微 的 控制 。 儿 乎 所 有 的 标记 都 有 自己 的 属性 。 例 如 
style"text-align:center"， 其 中 ,style 就 是 标记 的 属性 ，style 的 值 设 置 文本 格式 为 居中 对 齐 。 

使 用 标记 符 有 如 下 一 些 注意 事项 。 

e 任何 标记 都 用 < 和 > 括 起 来 ， 一 般 情况 下 ， 标 记 是 成 对 出 现 的 。 

e 标记 名 与 < 之 间 不 能 有 空格 。 

e。 某 些 标记 要 加 上 属性 ， 而 属性 只 能 加 于 起 始 标 记 中 。 格 式 如 下 。 


< 标记 名 属性 名 = 属性 值 ”属性 名 = 属性 值 …> 网 页 内 容 </ 标 记名 > 











XHTML 文件 支持 很 多 种 标记 ， 不 同 的 标记 代表 不 同 的 含义 。XHTML 常用 的 标记 包 
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括 主 体 标记 、 注 释 标 记 、 分 层 标记 、 文 本 标记 、 列 表 标记 、 表 格 标记 、 图 像 标 记 和 超 链接 
标记 等 。 


2.3.1 主体 标记 <body>…</body> 





主体 标记 之 间 定 义 了 网 页 所 有 的 显示 内 容 。 网 页 默认 的 显示 格式 为 : 白色 背景 ，12 像 
素 黑色 Times New Roman 字体 。 
在 XHTML 中 ，<body> 标 记 用 属性 style 来 设置 样式 ， 如 设置 字体 的 大 小 、 颜 色 、 页 
面 的 背景 色 和 背景 图 等 。 格 式 如 下 。 
< 标记 style=" 样 式 1: 值 1; 样式 2: 值 2; ……" > 


其 中 ， 样 式 与 值 用 冒号 分 隔 ， 如 果 style 属性 中 包含 多 个 样式 ， 各 个 样式 之 间 用 分 号 隔 





style 属性 常用 的 样式 有 以 下 几 种 。 
e@ background-color: 设置 网 页 的 背景 颜色 ， 默 认为 白色 背景 。 
e@ color: 设置 网 页 中 字体 的 颜色 ， 默 认 颜 色 为 黑色 。 
font-family: 设置 网 页 中 字体 的 名 称 ， 如 宋体 、 楷 体 、 黑 体 等 。 
font-size: 设置 网 页 中 字体 的 大 小 。 
text-align: 设置 网 页 中 文本 的 对 齐 方 式 ， 常 用 有 3 种 不 同 的 取 值 : left( 左 对 齐 ， 默 
认 对 齐 方式 )、right( 右 对 齐 )、center( 居 中 对 齐 )。 

例如 : <body style="font-family: 宋 体 :color:blue">， 设 置 网 页 字体 为 宋体 ， 字 体 的 颜色 
为 蓝 色 。 
2.3.2 ”注释 标记 <!-- 注 释 内 容 -- > 

浏览 器 会 自动 忽略 注释 标记 中 的 文字 (可 以 是 单行 也 可 以 是 多 行 ) 而 不 显示 。 注 释 标 记 
常用 在 比较 复杂 或 多 人 合作 设计 的 页 面 中 ， 为 代码 部 分 加 上 说 明 ， 方 便 日 后 修改 ， 增 加 页 
面 的 可 读 性 和 可 维护 性 。 
2.3.3 ”分 层 标记 <div>…</div> 


分 层 标记 用 来 排版 大 块 的 XHTML 段落 , 为 XHTML 页 面 内 大 块 (block-level) 的 内 容 提 
供 结构 和 背景 的 标记 。 可 用 style 属性 ， 在 其 中 加 入 许多 其 他 样式 ， 以 实现 对 其 中 包含 元 素 
的 版 面 设置 。 

div 标记 除了 可 以 作为 文本 编辑 功能 外 ， 还 可 以 用 作 容 器 标记 ， 即 将 按钮 、 图 片 、 文 
本 框 等 各 种 标记 放 在 div 里 面 作 为 它 的 子 对 象 元 素 处 理 。 


2.3.4 ”文本 和 格式 标记 


网 页 中 最 常用 的 就 是 文字 了 ， 下 面 将 详细 讲解 XHTML 中 对 网 页 中 的 文字 进行 格式 设 
计 和 排版 的 常用 标记 。 
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1. 标题 字体 大 小 标记 <hn>…</hn> 


设 定 网 页 的 标题 格式 。 由 大 至 小 ， 有 6 种 设置 标题 格式 的 标记 : <hl>、<h2>、<h3>、 
<h4>、<h5> 和 <h6>。 


2. 字体 的 加 粗 、 斜 体 和 下 划 线 标记 

e <b>…</b> 标 记 : 以 加 粗 字 的 形式 输出 文本 。 
e <i>…</ 户 标记 : 以 斜体 字 的 形式 输出 文本 。 
@ <u>…</u> 标 记 : 以 下 划 线 形式 输出 文本 。 

3. 段落 标记 

















四 <p>…</p> 

段落 标记 <p>…</p> 的 作用 是 将 标记 之 间 的 文本 内 容 自动 组 成 一 个 完整 的 段落 。 

ee 预 格式 化 标记 <pre>…</pre> 

预 格式 化 标记 <pre>…</pre> 使 标记 之 间 的 文本 信息 能 够 在 浏览 器 中 按照 原 格 式 毫 无 
变化 地 输出 。 它 可 以 使 浏览 器 中 显示 的 内 容 与 代码 中 输入 的 文本 信息 格式 完全 一 样 。 

4. 换行 标记 <br /> 


<br /> 用 于 添加 一 个 回 车 换行 ， 该 标记 没有 结束 标记 ， 故 在 XHTML 中 以 </> 结 束 。 在 
编写 XHTML 时， 如 果 在 文件 中 用 回 车 键 分 开 了 某 一 段 文字 ， 当 在 浏览 器 中 显示 时 ， 浏 览 
器 会 忽略 源 代码 中 的 换行 ， 而 并 不 会 显示 换行 的 效果 。 若 要 显示 网 页 中 的 文字 换行 效果 ， 
必须 在 文件 中 使 用 <br /> 标记 。 

5. 画 线 标记 <hr /> 


画 线 标记 < hr 人 单独 使 用 ， 可 以 实现 段落 的 换行 ， 并 绘制 一 条 水 平 直线 ， 并 在 直线 的 
上 下 两 端 留 出 一 定 的 空间 。 可 以 使 用 style 属性 进行 设置 。 其 中 ， 有 以 下 几 点 说 明 。 
e width 用 于 设置 画 线 的 长 度 ， 取 值 可 以 是 以 像素 为 单位 的 具体 数值 ， 也 可 以 使 用 相 
对 于 其 父 标 记 宽度 的 百分比 数值 。 
e Height 用 于 设置 画 线 的 粗细 ， 单 位 是 像素 。 
6. 文本 居中 标记 <center>… </center> 


文本 居中 标记 用 来 将 网 页 中 center 标记 内 的 元 素 居 中 显示 。 
【 例 2-1】 建 立 ASPNET 页 面 ， 命 名 为 example2-1.aspx。 
主体 部 分 代码 如 下 。 











<body style="text-align:center:font-family: 楷 体 _ GB2312:colorblue"> 
<!-- 设 置 整个 页 面 的 字体 居中 显示 ， 字 体 为 楷体 ， 颜 色 为 蓝 色 --> 
<form id="forml" runat="server"> 
<div> 
设 定 标题 格式 示例 : 
<h1> 设 定 标题 格式 ， 此 处 用 hl 效果 </h1> 
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<h6> 设 定 标题 格式 ， 此 处 用 h6 效果 </h6> 

<hr style ="width:70%:height:10px:color:Black" /> 

<!-- 画 一 条 分 割 线 ， 宽 度 为 整个 页 面 的 70%， 宽 度 为 10 像素 ， 颜 色 为 黑色 --> 
<p> 字体 的 特殊 效果 示例 : </p> 





<b> 粗 体 显示 </b><br 亡 
<i> 斜 体 显示 < 人 ><br 亡 
<hr 亡 
</div> 
</form> 
</body> 
</html> 
在 浏览 器 中 查看 ， 运 行 结果 如 
< 大 
图 2-1 所 示 。 
设 定 标题 格式 示例 ， 
7. 列表 标记 设 定 标 题 格 式 ， 此 处 用 hl 效果 
使 用 列表 标记 为 网 页 中 的 文 NR 
本 设置 表格 。 包 括 无 序列 表 标记 和 字体 的 竺 殊 歼 时 示例 ， 
有 序列 表 标 记 。 号 妹 


e 无 序列 表 标 记 <ul>…</ul> 
和 列表 项 标记 <l>…</i> 
无 序列 表 是 指 各 个 列表 项 目 图 2-1 对 页 面 使 用 文本 标记 
没有 顺序 ， 显 示 时 ， 在 各 列表 项 前 
面 显 示 特 殊 符 号 的 缩 排 列表 ， 语 法 格式 如 下 。 





<ul style="list-style-type"> 
<1i> 列 表 项 1 
<1i> 列 表 项 2 


<li> 列 表 项 mn 
</ul> 
其 中 ，list-style-type 可 以 有 几 种 形式 : 默认 形式 disc( 实 心 圆 ) 便 、circle( 空 心 圆 )O 和 
square( 实 心 方块 ) 国 。 
<li> 有 自动 换行 的 作用 ， 每 个 条 目 自动 为 一 行 。 每 一 个 <li> 创 建 的 项 目 可 以 使 用 
list-style-type 单独 指定 的 项 目 符号 。 
@ 有 序列 表 标记 <ol>…</ol> 和 列表 项 标记 <1i>…</li> 
有 序列 表 是 在 各 列表 项 前 面 显示 数字 或 字母 的 缩 排列 表 ， 有 序列 表 显 示 时 ， 会 在 每 个 
条 目前 面 加 上 一 定形 式 的 有 规律 的 项 目 序号 。 语 法 格式 如 下 。 
<ol style="list-style-type"> 
<1i> 列 表 项 1 
<1i> 列 表 项 2 











<1i> 列 表 项 n 
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</ol> 

其 中 ，list-style-type 可 以 设 为 : upper-alpha( 大 写 英文 )、lower-alpha( 小 写 英文 )、 
upper-roman( 大 写 罗马 数字 )、lower-roman( 小 写 罗 马 数 字 ) 和 decimal( 十 进 制 数 字 ) 等 。 默认 
的 列表 标识 符 为 阿拉 伯 十 进 制 数 字 。 

同 无 序列 表 中 一 样 ，<li> 有 自动 换行 功能 。 而 且 每 一 个 <li> 创 建 的 项 目 可 以 使 
list-style-type 单独 指定 的 项 目 符号 。 

【 例 2-2】 建 立 ASPNET 页 面 ， 名 称 为 example2-2.aspx。 

其 主体 部 分 XHTML 代码 如 下 。 

















<body> 
<form id="formml" runat="server"> 
<div> 
家 用 电器 
<ul> 
<l 记 大 家 电 </li> 
<li style ="list-style-type:disc"> 平 板 电 视 </li> 
<li style ="list-style-type:circle"> 洗 衣 机 </li> 
<li style ="list-style-type:square"> 家 庭 影 院 </li> 
</ul> 
运动 户外 
<ol> 
<1> 运 动 服饰 </i> 
<li style ="list-style-type:lower-roman"> 卫 衣 / 套 头 衫 </li> 
<li style ="list-style-type:lower-alpha"> 训 | 练 服 </li> 
<li style ="list-style-type:upper-roman"> 运 动 背心 </li> 


在 浏览 器 中 运行 ， 结 果 如 图 2-2 所 示 。 
8. 空格 标记 &nbsp 


在 XHTML 中 ,直接 输入 多 个 空格 ， 仅 仅 会 
被 视 为 一 个 空格 ， 而 多 个 回 车 换行 符 也 仅仅 被 济 
览 器 解读 为 一 个 空格 。 为 了 能 够 显示 多 个 空格 ， 
XHTML 保留 了 HIML 中 的 空格 标记 &nbsp。 
个 &nbsp 代表 一 个 空格 ， 多 个 &nbsp 则 代表 相应 
的 空格 数 。 图 2-2 对 页 面 使 用 列表 标记 


2.3.5 ”表格 标记 


通过 学 习 上 面 的 文本 标记 ， 已 可 以 对 网 页 内 容 设 置 字体 、 段 落 、 对 齐 方式 等 ， 但 是 由 
于 浏览 器 的 不 同 ， 并 不 能 精确 控制 文本 具体 显示 在 网 页 的 位 置 ， 而 使 用 表格 标记 就 可 以 对 
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网 页 中 的 各 个 元 素 的 具体 位 置 进 行 控 制 。 因此 , 表格 在 网 页 设计 中 的 定位 功能 是 极其 
同时 也 是 在 网 页 设计 所 有 编辑 方式 中 最 灵活 的 。 

表格 由 行 与 列 组 成 , 每 一 个 基本 表格 单位 称 为 单元 格 。 单元 格 在 表格 中 可 以 包含 文本 、 
图 像 、 表 单 以 及 其 他 页 面 元 素 。 

1. 表格 标记 <table>… </table> 


表格 标记 用 来 声明 表格 ， 标 志 着 一 个 表格 的 开始 和 结束 ， 表 格 的 所 有 定义 都 在 这 对 标 
记 范 围 内 适用 。<table>… </table> 标 记 的 常用 属性 有 以 下 几 种 。 
。 align: 设置 表格 在 网 页 中 的 水 平 对 齐 方式 ， 可 选 值 left、right、center。 
e backGround: 为 表格 指定 背景 图 片 。 
ee bgcolor: 为 表格 设 定 背景 色 。 
border: 设置 表格 边框 厚度 ， 如 果 此 参数 为 0， 那么 表格 不 显示 边界 。 
cellpadding: 设置 单元 格 中 的 数据 与 表格 边线 之 间 的 间距 ， 以 像素 为 单位 。 
cellspacing: 设置 各 单元 格 之 间 的 间距 ， 以 像素 为 单位 。 
e valign: 设置 表格 在 网 页 中 的 垂直 对 齐 方式 ， 可 选 值 top、middle、bottom。 
e width: 设置 整个 表格 宽度 。 
2. 行 起 止 标记 <tr>… </tr> 
此 标记 表明 了 表格 一 行 的 开始 和 结束 ， 有 以 下 属性 。 
e align: 设置 行 中 文本 在 单元 格 中 的 水 平 对 齐 方式 ， 可 选 值 left、right、center。 
e backGround: 为 这 一 行 单元 格 指定 背景 图 片 。 
e@ bgcolor: 为 这 一 行 单元 格 设 定 背 景色 。 
3. 单元 格 起 始 标 记 <td>… </td> 
单元 格 起 始 标记 用 于 设置 表 行 中 某 个 单元 格 的 开始 和 结束 。 
【 例 2-3】 建 立 ASPNET 页 面 ， 名 称 为 example2-3.aspx。 
其 XHTML 主体 部 分 代码 如 下 。 




















<body> 
<form id="form]1" runat="server"> 
<div> 
<table border="5"> 
<tr align ="center" > 
<td bgcolor="red"> 第 一 行 第 一 列 ， 背 景 红色 </td> 
<tdbgcolor="blue"> 第 一 行 第 二 列 ， 背 景 蓝 色 </td> 
<tdbgcolor="green"> 第 一 行 第 三 列 ， 背 景 绿 色 </td> 
</tr> 
<!-- 以 上 设置 第 一 行 ， 文 字 居中 --> 
<tr > 
<td align="left"> 第 二 行 第 一 列 ， 左 对 齐 </td> 
<td align="center"> 第 二 行 第 二 列 ， 居 中 </td> 
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<td align="right"> 第 二 行 第 三 列 ， 右 对 齐 </td> 
</tr> 
<!-- 以 上 设置 第 二 行 ， 文 字 居 左 --> 
</table> 
</div> 
</form> 


</body> 
在 浏览 器 中 查看 运行 结果 ， 如 图 2-3 所 示 。 
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图 2-3 对 页 面 使 用 表格 标记 


2.3.6” 超 链接 标记 <a>…</a> 

超 链接 是 通过 文字 、 图 像 等 载体 对 文件 进行 链接 ， 引 导 文 件 的 阅读 。 互 联网 的 魅力 就 
在 于 可 以 通过 超 链接 使 任何 一 个 网 页 ， 可 以 任意 链接 到 世界 任何 角落 的 其 他 网 页 文件 。 超 
链接 往往 用 不 同 的 颜色 或 下 划 线 与 网 页 中 的 其 他 文字 区 别 ， 在 阅读 文件 时 ， 用 户 通 过 单 击 
超 链接 ， 能 够 随时 查阅 文件 相关 的 详细 信息 。 

1. 超 链接 命令 的 格式 

超 链接 命令 的 格式 如 下 。 

<a hre 全 "URL"” id=" 设 置 锚 点 ” targe 人 "链接 目标 网 页 打开 的 窗口 "> 锚 点 </a> 


(1) 锚 点 : 实现 链接 的 源 点 ， 通 常 当 鼠 标 移动 到 锚 标 上 会 变 成 小 手 的 形状 ， 浏 览 者 通 
过 在 锚 标 上 单 击 就 可 以 到 达 链 接 目 标点 。 


(2) href 属性 : 设 定 要 链接 到 的 文件 名 称 ， 为 必 选 项 。 若 文件 与 页 面 不 在 同一 个 目录 ， 
需要 加 上 适当 的 路 径 ， 一 般 路 径 格式 为 hre 全 "域名 或 卫 地 址 /文件 路 径 /文件 名 # 锚 点 名 称 "。 

(3) id 属性 : 用 来 定义 页 面 内 创建 的 锚 点 ， 在 实现 页 面 内 部 链接 的 时 候 使 用 。 

(4) target 属性 : 设 定 链接 目标 网 页 所 要 显示 的 视窗 , 默认 为 在 当前 窗口 打开 链接 目标 。 
可 选 值 为 ，_blank，_parent，_self，_top 及 窗 体 名 称 。 

e ”target=" blank" 表 示 将 链接 的 目标 内 容 ， 在 新 的 浏览 器 窗口 中 打开 。 

e ”target=" parent" 表 示 将 链接 的 目标 内 容 ， 在 父 浏览 器 窗口 中 打开 。 

e ”target=" self' 表 示 将 链接 的 目标 内 容 ， 在 本 浏览 器 窗口 中 打开 (默认 值 )。 

@ ”target=" top" 表 示 将 链接 的 目标 内 容 ， 在 顶级 浏览 器 窗口 中 打开 。 

etarget=" 窗 体 名 称 "表示 常用 于 框架 或 浮动 框架 中 ， 将 链接 的 目标 内 容 ， 在 “ 窗 体 名 

称 ” 的 框架 窗 体 中 打开 ， 框 架 窗 体 名 称 已 经 事先 在 框架 或 浮动 框架 标记 中 命名 。 
如 下 所 示 。 
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<a href="http://www.taobao.com" target=" selt" > 淘宝 网 </a> 
这 一 段 代 码 运行 后 ， 单 击 这 个 超 链接 ， 会 在 本 窗口 访问 淘宝 网 。 
2. 超 链接 的 形式 


XHTML 支持 的 超 链接 有 以 下 儿 种 形式 : 不 同 网 页 之 间 的 跳 转 、 链 接 至 电子 邮件 、 链 
接 跳 转 到 具体 的 锚 点 等 。 不 同 的 超 链 接 形式 有 不 同 的 格式 ， 具 体 如 下 。 
e 链接 到 其 他 网 页 ， 基 本 格式 如 下 。 





<a href="URL"> 锚 点 </a> 
在 此 处 表示 链接 的 是 指定 网 页 。 运 行 时 单 击 链接 ， 转 向 另 一 个 页 面 。 
e 链接 到 图 像 上 ， 基 本 格式 如 下 。 
<a href="image_name.jpg" > 锚 点 </a> 
运行 时 ， 单 击 超 链接 ， 跳 转向 一 幅 图 片 。 
e 链接 到 电子 邮件 ， 基 本 格式 如 下 。 
<a_ hre 全 "mailto: 邮 件 地 址 "> 锚 点 </a> 
邮件 地 址 形式 为 : name@site.come。 
如 下 所 示 。 
<a href="mailto: administrator(@sohu.com" > 与 搜狐 网 管理 员 联 系 </a> 
运行 后 ， 单 击 超 链接 “与 搜狐 网 管理 员 联 系 ”， 跳 转 到 向 管理 员 邮 箱 发 信 的 页 面 。 
e@ 页 内 链接 : 有 的 页 面 文本 内 容 很 多 ， 浏 览 器 打开 页 面 往往 从 页 面 顶 端 开始 显示 ， 
若 用 户 需要 的 信息 不 在 页 面 的 起 始 部 分 ， 用 户 将 费时 费力 地 从 上 向 下 进行 搜索 。 
在 此 时 ， 设 置 页 内 的 链接 是 很 有 必要 的 。 
实现 页 面 内 的 链接 时 ， 需 要 先 使 用 id 属性 定义 一 个 锚 点 ， 格 式 如 下 。 
<a id=" 锚 点 名 称 "> 预 被 链接 后 显示 的 首部 分 </a> 
然后 再 使 用 href 属性 指向 该 锚 点 ， 格 式 如 下 。 
<a hre 合 "# 锚 点 名 称 "> </a> 
# 号 表示 链接 目标 与 a 标记 属于 同一 个 页 面 。 
【 例 2-4】 建 立 ASPNET 页 面 ， 名 称 为 example2-4.aspx。 
其 主体 部 分 代码 如 下 。 


<body> 

百度 网 站 的 超级 链接 : 

<a hre 伍 "http:\www.baidu.com"> 百度 搜索 </a><br /> 
</body> 
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在 浏览 器 中 查看 , 运行 结果 如 图 2-4 所 示 。 








【 例 2-5】 建 立 ASPNET 页 面 ， 名 称 为 < 司 六 六 这 
example2-5.aspx。 Be - 
其 主体 部 分 代码 如 下 。 
<body> 
<form id="form1" runat="server"> 图 2-4 对 页 面 使 用 超 链接 标记 
<div> 
第 2 章 XHTML 基础 知识 
<u> 
<1i>2.1 web 基本 技术 </li> 


<li><a href="#html">2.1.1 HIML</a></li> 
<li><a href="#xml">2.1.2 XML</a></li> 
<li><a href="#xhtml">2.1.3 XHIML</a></li> 
</ul> 
<!-- 在 网 页 头 部 设 定 指向 锚 点 的 超 链接 --> 
<p> 
<a id="html">2.1.1 HIML</a><br/> 
<!-- 创 建 锚 点 html--> 
HTML(HyperText Markup Language) 超 文本 标记 语言 ， 是 制作 网 页 文档 的 ….<br/> 
</p> 
“> 
<aid="xml">2.1.2 XML </a><br/> 
<!-- 创 建 锚 点 xml--> 
HTML 是 很 成 功 的 标记 语言 ，.……<br/> 
<p> 
3 
<aid="xhtml">2.1.3 XHTML </a><br/> 
<!-- 创 建 锚 点 xhtml--> 
XML 虽然 数据 转换 能 力 强大 ，.….<br/> 
</p> 
</div> 
</form> 
</body> 


以 上 代码 运行 结果 如 图 2-5 所 示 。 
2.3.7 图像 标记 <img /> 


Web 页 面 中 的 图 像 可 以 使 网 页 更 
加 生动 、 直 观 。 常 见 的 图 像 格式 有 GIF、 
JPEG 和 PNG a 其 中 ， GIF 和 JPEG HTML(Hyp=rText Markup Language) 超 文本 标记 语言 ， 是 制作 网 页 文档 的 
格式 能 被 大 多 数 浏览 器 所 支持 。 网 页 中 | ni 

的 图 像 一 般 使 用 72dpi 分 辨 率 、RGB 色 | 和 iawnx. - 

彩 模 式 , 在 XHTML 中 使 用 <img 伺 标 记 











图 2-5 对 页 面 内 部 使 用 超 链接 标记 
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来 向 页 面 中 插入 图 像 。 
图 像 标记 语法 格式 如 下 。 
<img sc- 图像 文件 名 ” [alt-" 提 示 文本 "] [border-" 边 框 宽度 ] align-" 对 齐 方式 "] 
[width=" 宽 度 像素 大 小 "] [height=" 高 度 像素 大 小 "] alf=" 说 明 "> 
e src: 这 个 属性 是 必需 的 ， 用 来 链接 图 像 的 来 源 。 若 图 像 文件 与 XHTML 页 面 文件 
处 于 同一 目录 下 ， 则 只 写 文件 名 称 ， 若 图 像 文件 与 页 面 不 在 同一 目录 ， 需 要 加 上 
合适 的 路 径 ， 相 对 路 径 和 绝对 路 径 均 可 。 
e align: 设置 图 像 旁 边 文字 的 位 置 。 可 以 控制 文字 出 现在 图 片 的 上 方 、 中 间 、 底 端 、 
左 侧 和 右 侧 。 可 选 值 为 ttp、middle、bottom、left 和 right， 默 认 值 为 bottom。 
e alt: 区 别 于 HTML, 每 个 图 片 标记 必须 有 ALT 说 明文 字 。 若 用 户 使 用 文字 浏览 器 ， 
于 浏览 器 不 支持 图 像 ， 这 些 文字 会 奉 代 图 像 显 示 出 来 ， 若 用 户 使 用 支持 图 像 显 
示 的 浏览 器 ， 当 鼠标 移动 至 图 像 上 时 这 些 文字 也 会 显现 出 来 。 
【 例 2-6】 将 准备 好 的 图 片 放 入 WebSite2 的 images 文件 夹 ， 此 处 放 入 图 片 fb.jpg。 建 
六 ASP.NET 页 面 ， 名 称 为 example2-6.aspx。 
XHTML 主体 部 分 代码 如 下 。 




















<body> 
<form id="forml" runat="server"> 
<div> 
<img src="/images/f-b.png" align="left" width="200" height="150" alt=" 冲 锋 衣 " /> 图 片 
左 对 齐 ， 长 200 像素 ， 宽 150 像素 
</div> 
<p> 
<p> 
<div align="center"> 
<img / sre="/images/f-b.png" align="middle” width="100" height="100" alt=" 冲 锋 衣 " /> 
图 片 居中 ， 长 100 像素 ， 宽 100 像素 <br /> 
</div> 
</form> 


</body> 
在 浏览 器 中 查看 运行 结果 ， 如 图 2-6 所 示 。 


图 片 左 对 齐 ， 长 200 像 素 ， 宽 150 像 素 


司 图 片 居中 ， 长 100 像 素 ， 宽 100 像 素 
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图 2-6 对 页 面 使 用 图 片 标记 
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注意 ， 当 鼠标 移 至 图 片上 时 ， 会 显示 出 alt 属性 的 内 容 “ 冲 锋 衣 ”。 
2.4 本 章 小 结 


HTML 是 互联 网 上 组 建 网 站 的 最 初 常用 的 语言 ， 但 由 于 它 本 身 固 有 的 缺陷 ， 已 经 不 能 
满足 动态 网 站 的 组 建 和 互联 网 发 展 的 需求 。 基 于 此 ， 出 现 了 XML, 它 是 “万 维 网 联盟 ” 定 
义 的 受到 广泛 支持 的 行业 标准 ， 是 新 一 代 互联 网 的 关键 ， 但 XML 不 兼容 HIML。 后 来 ， 
人 们 将 XML 与 HIML 结合 ， 建 立 了 基于 XML 的 XHTML 规范 。 

本 章 对 XHTML 的 概念 、 页 面 结构 、 语 法 规则 和 标记 进行 了 详细 的 描述 。 通 过 本 章 的 
学 习 ， 读 者 能 够 掌握 XHTML 的 基本 概念 ， 并 会 使 用 XHTML 编写 ASP.NET 网 页 。 


2.5 思考 和 练习 


1. 简 述 HTML、XML、XHTML 的 基本 概念 。 

2. 简 述 XHTML 文档 的 构成 。 

3. 简单 列举 XHTML 的 标记 ， 并 简 述 其 功能 (至 少 5 种 )。 

4. 创建 一 个 XHTML 页 面 mmengling.aspx， 输 出 结果 如 图 2-7 所 示 。 
SE SE 


如 梦 令 


李清照 


常 记 溪 亭 日 草 ， 沉 醉 不 知 归 路 , 
兴 尽 晚 回 舟 ， 误 入 稿 花 深 处 。 
争 渡 , 争 渡 ， 惊 起 一 滩 罗 改 。 





图 2-7 rumengling.aspx 输出 结果 


5. 用 XHTML 语言 编写 符合 以 下 要 求 的 页 面 : 标题 为 An example of image， 在 浏览 器 
窗口 中 显示 一 个 图 像 。 图 像 的 宽度 为 200 像素 ， 高 度 为 150 像素 ， 边 框 宽度 为 10 像素 。 








在 使 
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本 章 是 学 习 ASP.NET 非常 关键 的 一 章 , 是 从 认识 了 解 到 使 用 ASPNET 的 一 个 关键 点 。 





用 ASPNET 进行 程序 开发 时 ， 其 代码 组 织 模式 和 页 面 的 对 象 模型 往往 会 贯穿 整个 

















发 过 程 ， 了 解 其 基本 运作 方式 有 利于 项 目的 顺利 开发 。 


本 章 了 





E 要 介绍 ASPNET 的 一 些 基础 知识 ， 学 习 和 掌握 这 些 知识 是 以 后 进行 


ASP.NET 程序 开发 的 基础 和 前 提 ， 本 章 正 是 围绕 这 些 知识 点 进行 介绍 。 首 先 介 绍 
ASPNET 的 页 面 框架 和 页 面 类 , 紧 接着 介绍 了 对 ASP.NET 各 种 程序 文件 进行 存放 的 文 
件 夹 ， 接 下 来 介绍 ASP.NET 的 核心 对 象 ， 主 要 包括 Response、Request、Application、 
Session、Server 等 对 象 以 及 ViewState 等 ， 最 后 介绍 了 ASP.NET 的 配置 文件 web.config 
和 全 局 文件 Global.asax。 


本 章 的 学 习 目 标 : 


了 解 
了 解 


ASPNET 页 面 的 运行 机 制 和 页 面 的 生命 周期 。 
ASPNET 所 包含 的 文件 夹 以 及 各 个 文件 夹 的 功能 。 


掌握 定义 、 创 建 和 使 用 常用 内 置 对 象 的 方法 。 


了 解 
掌握 


Cookie 的 基础 知识 以 及 设置 和 检索 Cookie 的 方法 。 
ASPNET 的 配置 管理 方式 。 


3.1 ASP.NET 程序 结构 


3.1.1 ASPNET 文件 类 型 介绍 
开发 者 在 对 程序 进行 设计 时 应 该 将 特定 类 型 的 文件 存放 在 特定 文件 夹 中 ， 以 方便 日 后 





开 








发 


电 的 管理 





E 和 操作 。ASP.NET 保留 了 一 些 文件 名 称 和 文件 夹 名 称 , 程序 开发 人 员 可 以 直 


接 使 用 ， 并 且 还 可 以 在 应 用 程序 中 增加 任意 多 个 文件 和 文件 来， 如 图 3-1 所 示 。 无 须 每 次 
在 给 解决 方案 添加 新 文件 时 重新 编译 它们 。ASP.NET 能 自动 、 动 态 地 预 编译 ASP.NET 应 
用 程序 ， 并 为 应 用 程序 定义 好 一 个 文件 夹 结构 ， 利 用 这 些 定义 好 的 文件 夹 ， 就 可 以 自动 编 
译 代码 ， 在 整个 应 用 程序 中 访问 应 用 程序 主题 ， 并 在 需要 时 使 用 全 局 资源 。 下 面 介绍 这 些 
定义 好 的 文件 夹 及 它们 的 工作 方式 。 
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i 5; 
去 2 Se 月 - 
二 衬 -WebsiestDrrl 个 
加 “新建 名 方 宇 守 天 基 理 于 视图 (N) 
站 ” 油 咯 项 wW- Cr+ShiftrA 去 bo(D) 
各 ” 现 有 页 (G)- Shift+Alt+A 添 bn 引用 (R)-。 
条 ”新 建文 件 去 (D) 诡 加 最 务 引用 (S)-- 
Bin(N) 添加 ASPJNET 文件 夫 (S) RN ， | eV 
App_Code(O) 上 日 好 MI- 首 。 千 理 NuGee 在 ea(N) 
App_GlobalResources(R) Web 主体 过 得 抽 网 站 (P).- 
App LocalRescurces(O) Web 用 户 控件 启动 渤 项 (0).， 
App_WebReferences(B) JavaScript 文 件 站 设 为 启动 硕 上 (A} 
App_Data(A) 样式 雪 使 用 Visual Studio 开发 展 务 器 (U)… 
App_Browsers(W) 可 ”在 剂 谢 器 中 得 看 fnternet Explorer)(B) 


主题 晶 加 在 Page Inspedor 中 查看 CetKk, ctl+G 


图 3-1 添加 ASPNET 规定 的 特殊 文件 夹 





3.1.2 ASPNET 文件 夹 


1. App_Data 文件 夹 


App_Data 文件 夹 保存 应 用 程序 使 用 的 数据 库 。 它 是 一 个 集中 存储 应 用 程序 所 用 数据 库 
的 地 方 。 是 ASP.NET 为 程序 提供 存储 自身 数据 的 默认 位 置 ， 该 文件 夹 内 容 不 由 ASP.NET 
处 理 。 它 通常 以 文件 (诸如 Microsoft Access 或 Microsoft SQL Server 数据 库 、XML 文件 、 
文本 文件 以 及 应 用 程序 支持 的 任何 其 他 文件 ) 形 式 对 数据 进行 存储 。 


注意 : 
默认 ASP.NET 账户 被 授予 对 文件 夹 的 完全 访问 权限 。 如 果 碰 巧 要 改变 ASPNET 账户 ， 
一 定 要 确保 新 账户 被 授予 对 该 文件 夹 的 读 / 写 访问 权 。 


2. App_Code 文件 夹 

App_Code 文件 夹 正好 在 Web 应 用 程序 根 目 录 下 ， 它 存储 所 有 应 当 作为 应 用 程序 的 一 
部 分 动态 编译 的 类 文件 。 这 些 类 文件 自动 链接 到 应 用 程序 ， 而 不 需要 在 页 面 中 添加 任何 显 
式 指令 或 声明 来 创建 依赖 性 。App_Code 文件 夹 中 放置 的 类 文件 可 以 包含 任何 可 识别 的 
ASPNET 组 件 一 一 自 定义 控件 、 辅 助 类 、build 提供 程序 、 业务 类 、 自 定义 提供 程序 和 HITTP 
处 理 程序 等 。 

在 开发 时 ， 对 App_Code 文件 夹 的 更 改 会 导致 整个 应 用 程序 的 重新 编译 。 对 于 大 型 项 
目 ， 这 可 能 不 受 欢迎 ， 而 且 很 耗 时 。 为 此 ， 鼓 励 大 家 将 代码 进行 模块 化 处 理 到 不 同 的 类 库 
中 ， 按 逻辑 上 相关 的 类 集合 进行 组 织 。 应 用 程序 专用 的 辅助 类 大 多 应 当 放置 在 App_Code 
文件 夹 中 。 

App_Code 文件 夹 中 存放 的 所 有 类 文件 应 当 使 用 相同 的 语言 。 如 果 类 文件 使 用 两 种 或 
多 种 语言 编写 ， 则 必须 创建 特定 语言 的 子 目录 ， 以 包含 用 各 种 语言 编写 的 类 。 一 旦 根据 语 
言 组 织 这 些 类 文件 ， 就 要 在 web.config 文件 中 为 每 个 子 目 录 添 加 设置 ， 关 于 web.config 文 
件 将 在 后 面 章节 进行 介绍 。 
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3. Bin 文件 夹 


Bin 文件 夹 包含 应 用 程序 所 需 的 ， 用 于 控件 、 组 件 或 者 需要 引用 的 任何 其 他 代码 的 可 
部 署 程序 集 。 该 目录 中 存在 的 任何 .dll 文件 将 自动 地 链接 到 应 用 程序 。 可 以 在 Bin 文件 夹 中 
存储 编译 的 程序 集 , 并 且 Web 应 用 程序 任意 处 的 其 他 代码 会 自动 引用 该 文件 夹 。 典型 的 示 
例 是 如 果 为 自 定义 类 编译 好 了 代码 , 那么 就 可 以 将 编译 后 的 程序 集 复制 到 Web 应 用 程序 的 
Bin 文件 夹 中 ， 这 样 所 有 页 都 可 以 使 用 这 个 类 。 

Bin 文件 夹 中 的 程序 集 无 须 注册 。 只 要 .dll 文件 存在 于 Bin 文件 夹 中 ，ASP.NET 就 可 
以 识别 它 。 如 果 更 改 了 .dl 文件， 并 将 它 的 新 版 本 写 入 到 了 Bin 文件 夹 中 ， 则 ASP.NET 会 检 
测 到 更 新 , 并 对 随后 的 新 页 请 求 使 用 新 版 本 的 .dll 文件 .下 面 介绍 一 下 Bin 文件 夹 的 安全 性 。 

将 编译 后 的 程序 集 放 入 Bin 文件 夹 中 会 带 来 安全 风险 .如 果 是 自己 编写 和 编译 的 代码 ， 
那么 设计 者 是 了 解 代码 的 功能 的 。 但 是 , 设计 者 必须 像 对 待 任何 可 执行 代码 一 样 来 对 待 Bin 
文件 夹 中 已 编译 的 代码 。 在 完成 代码 测试 并 确信 已 了 解 代 码 功 能 之 前 ， 要 对 已 编译 的 代码 
保持 谨慎 的 态度 。Bin 文件 夹 中 程序 集 的 作用 范围 为 当前 应 用 程序 。 因 此 ， 它 们 无 法 访问 
当前 Web 应 用 程序 之 外 的 资源 或 调用 当前 Web 应 用 程序 之 外 的 代码 。 此 外 ， 应 该 注意 ， 
在 运行 时 ， 程 序 集 的 访问 级 别 由 本 地 计算 机 上 指定 的 信任 级 别 确定 。 

App_Code 文件 夹 和 Bin 文件 夹 是 ASPNET 网 站 中 的 共享 代码 文件 夹 ， 如 果 Web 应 
用 程序 要 在 多 个 页 之 间 共 享 代码 , 就 可 以 将 代码 保存 在 Web 应 用 程序 根 目录 下 的 这 两 个 特 
殊 文 件 夹 中 的 某 个 文件 夹 中 。 当 创建 这 些 文件 夹 并 在 其 中 存储 特定 类 型 的 文件 时 ， 
ASP.NET 将 使 用 特殊 方式 进行 处 理 。 

3.1.3 ”其 他 文件 夹 介 绍 

1. App_Themes 文件 夹 

主题 是 为 站 点 上 的 每 个 页 面 提 供 统 一 外 观 和 操作 方式 的 一 种 新 方法 。 通 过 skin 文件 、 
CSS 文件 和 站 点 上 服务 器 控件 使 用 的 图 像 来 实现 主题 功能 。 所 有 这 些 元 素 都 可 以 构建 一 个 主 
题 , 并 存储 在 解决 方案 的 App_Themes 文件 夹 中 。 把 这 些 元 素 存储 在 App_Themes 文件 夹 中 ， 
就 可 以 确保 解决 方案 中 的 所 有 页 面 都 利用 该 主题 ， 并 把 其 元 素 应 用 于 控件 和 页 面 的 标记 。 

2. App_GlobalResources 文件 夹 

资源 文件 是 一 些 字符 串 表 ， 当 应 用 程序 需要 根据 某 些 事情 进行 修改 时 ， 资 源 文件 可 用 
于 这 些 应 用 程序 的 数据 字典 。 可 以 在 这 个 文件 夹 中 添加 程序 集资 源 文件 (.resx)， 它 们 会 动 
态 编译 ， 成 为 解决 方案 的 一 部 分 ， 提 供给 程序 中 的 所 有 .aspx 页 面 使 用 。 在 使 用 ASP.NET 
1.0/1.1 时 ， 必 须 使 用 resgen.exe 工具 ， 把 资源 文件 编译 为 .dll 或 .exe， 才 能 在 解决 方案 中 使 
用 。 而 在 ASPNET 4.5 中 ， 资 源 文件 的 处 理 就 容易 多 了 。 除 了 字符 串 之 外 ， 还 可 以 在 资源 
文件 中 添加 图 像 和 其 他 文件 。 

3. App_LocalResources 文件 夹 


App_GlobalResources 文件 夹 用 于 合并 可 以 在 应 用 程序 范围 内 使 用 的 资源 。 如 果 对 构造 
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应 用 程序 范围 内 的 资源 不 感 兴趣 ， 而 对 只 能 用 于 一 个 .aspx 页 面 的 资源 感 兴趣 ， 就 可 以 使 用 
App_LocalResources 文件 夹 。 可 以 把 专用 于 页 面 的 资源 文件 添加 到 App_ LocalResources 文 
件 夹 中 ， 方 法 是 构建 resx 文件 名 ， 如 下 所 示 。 

® Defaultaspx.resx 








@ Default.aspx.fi.resx 

@ Default.aspx.Jaresx 

® Default.aspx.en-gb.resx 

现在 ， 可 以 从 App_LocalResources 文件 夹 的 相应 文件 中 检索 在 Default.aspx 页 面 上 使 
用 的 资源 声明 。 如 果 没 有 找到 匹配 的 资源 ， 就 默认 使 用 Default.aspx.resx 资源 文件 。 


3.2 页 面 管理 


ASPNET 页 面 是 带 .aspx 扩展 名 的 文本 文件 , 可 以 被 部 署 在 IS 虚拟 目录 树 之 下 。 页面 
由 代码 和 标签 (tag) 组 成 ， 它 们 在 服务 器 上 动态 地 编译 和 执行 ， 为 提出 请 求 的 客户 端 浏览 器 
(或 设备 ) 生 成 显示 内 容 。 对 于 Web 开发 人 员 来 说 ， 如 果 想 提高 页 面 的 运行 效率 ， 首 先 需 要 
了 解 ASP.NET 页 面 是 如 何 组 织 运 行 的 。 


3.2.1 ASPNET 页 面 代码 模式 


ASP.NET 的 页 面包 含 两 个 部 分 : 一 部 分 是 可 视 化 元 素 , 包括 标签 、 服 务 器 控件 以 及 一 
些 静 态 文 本 等 ; 男 一 部 分 是 页 面 的 程序 逻辑 , 包括 事件 处 理 句 柄 和 其 他 程序 代码 。 ASP.NET 
提供 两 种 模式 来 组 织 页 面 元 素 和 代码 :一 种 是 单一 文件 模式 ， 男 一 种 是 后 台 代 码 模式 。 两 
种 模式 功能 是 一 样 的 ， 可 以 在 两 种 模式 中 使 用 同样 的 控件 和 代码 ， 但 使 用 的 方式 不 同 ， 接 
下 来 分 别 进行 介绍 。 

1. 单一 文件 模式 


在 单一 文件 模式 下 ， 页 面 的 标签 和 代码 在 同一 个 .aspx 文件 中 ， 程 序 代 码 包含 在 <script 
runat="server"></script> 的 服务 器 程序 脚本 代码 块 中 间 ， 并 且 代码 中 间 可 以 实现 对 一 些 方法 
和 属性 以 及 其 他 代码 的 定义 ,只 要 在 类 文件 中 可 以 使 用 的 都 可 以 在 此 处 进行 定义 。 运 行 时， 
单一 页 面 被 视 为 继承 Page 类 。 

下 面 的 代码 示例 演示 一 个 单 文件 页 ， 此 页 中 包含 一 个 Button 控件 和 一 个 Label 控 
件 。 突 出 显示 的 部 分 显示 的 是 script 块 中 Button 控件 的 Click 事件 处 理 程 序 。 























<%(@ Page Language="C#" %> 
<script runat="server"> 
void Button]_Click(Object sender, EventArgs e) 


Labell.Text = "Clicked at " + DateTime Now.ToString0: 
} 
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</script> 
<html> 
<head> 
<title>Single-File Page Model</title> 
</head> 
<body> 
<form runat="server"> 
<div> 
<asp:Label id="Labell" 
runat="server" Text="Label"> 
</asp:Label> 
<br/> 
<asp:Button id="Button1" 
runat="server" 
onclick="Buttonl_ Click" 
Text="Button"> 
</asp:Button> 
</div> 
</form> 


</body> 
</html> 
script 块 可 以 包含 页 所 需 的 任意 多 的 代码 。 代 码 可 以 包含 页 中 控件 的 事件 处 理 程序 (如 
该 示例 所 示 )、 方法、 属性 及 通常 在 类 文件 中 使 用 的 任何 其 他 代码 。 在 运行 时 ， 单 文件 页 被 
作为 从 Page 类 派生 的 类 进行 处 理 。 该 页 不 包含 显 式 类 声明 。 但 编译 器 将 生成 将 控件 作为 
成 员 包 含 的 新 类 。( 并 不 是 所 有 的 控件 都 作为 页 成 员 公开 ; 有 些 控件 是 其 他 控件 的 子 控件 。) 
页 中 的 代码 成 了 该 类 的 一 部 分 ; 例如 , 创建 的 事件 处 理 程序 将 成 为 派生 的 Page 类 的 成 员 。 
由 于 页 中 的 所 有 代码 都 会 成 为 Page 类 的 成 员 。 因 此 ， 代 码 中 不 能 包含 using 语句 。 
而 应 添加 用 于 指定 要 导入 的 命名 空间 的 @ Import 指令 ， 可 能 还 需要 添加 一 个 对 包含 该 命 
名 空间 的 DLL 的 引用 。 
2. 后 台 代 码 模式 


后 台 代 码 页 面 模式 将 可 视 化 元 素 和 程序 代码 分 别 放置 在 不 同 的 文件 中 ， 如 果 使 用 C#， 
则 可 视 化 页 面 元 素 为 .aspx 文件 ， 程 序 代 码 为 .cs 文件 ， 根 据 使 用 语言 的 不 同 ， 代 码 后 级 也 
不 同 ， 这 种 模式 也 被 称 为 代码 隐藏 模型 。 

ASPNET 的 代码 隐藏 模型 ， 把 一 个 程序 文件 分 为 一 个 .aspx 文件 和 一 个 对 应 的 .aspx.cs 
文件 ， 前 者 是 界面 代码 (主要 用 html 编写 )， 后 者 是 一 些 控制 代码 (主要 用 c# 编 写 )。.aspx 文 
件 项 部 的 页 面 设置 把 两 个 文件 联系 在 一 块 。 在 进行 程序 设计 过 程 中 ， 每 一 个 控件 都 可 以 来 
触发 事件 。 这 些 事件 的 代码 单独 在 一 个 文件 中 ， 而 网 页 的 页 面 设计 在 单独 的 一 个 文件 中 ， 
两 个 基本 上 是 分 离 的 ， 这 样 可 以 使 代码 文件 更 简洁 。 

在 单一 文件 模型 和 代码 隐藏 模型 之 间 ，.aspx 页 有 两 处 差别 。 在 代码 隐藏 模型 中 ， 不 
存在 具有 runat="server" 特性 的 script 块 。 如 果 要 在 页 中 编写 客户 端 脚本 ， 则 该 页 可 以 包 
含 不 具有 runat="server" 特性 的 script 块 。 第 二 个 差别 是 ， 代 码 隐藏 模型 中 的 @ Page 指 
令 包 含 引 用 外 部 文件 (SamplePage.aspx.vb 或 SamplePage.aspx.cs) 和 类 的 特性 。 这 些 特性 
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将 .aspx 页 链接 至 其 代码 。 

在 此 示例 中 ， 用 于 标识 代码 隐藏 文件 的 特性 是 CodeFile。 在 Web 应 用 程序 项 目 中 , 该 
特性 名 为 CodBehind。 

下 面 的 代码 示例 演示 一 个 与 单 文件 页 的 示例 包含 相同 Click 事件 处 理 程序 的 代码 隐藏 
文件 。 

















Using System: 

using System. Web; 

using System.Web.UI 

using System. Web.UI.WebControls; 

public partial class SamplePage : System. Web.UI.Page 


{ 
protected void Button1_Click(object sender, EventArgs e) 
上 
Labell.Text = "Clicked at " + DateTime .Now.ToString0; 
} 
b 


代码 隐藏 文件 包含 默认 命名 空间 中 的 完整 类 声明 。 但 是 ， 类 是 使 用 partial 关键 字 进 
行 声明 的 ， 这 表明 类 并 不 整个 包含 于 一 个 文件 中 。 相 反 ， 编 译 器 将 读 取 .aspx 页 以 及 它 在 @ 
Page 指令 中 引用 的 文件 ， 然 后 将 它们 汇编 成 单个 类 。 

3. 选择 页 模型 


单一 文件 模型 和 代码 隐藏 页 模型 功能 相同 。 在 运行 时 , 这 两 个 模型 以 相同 的 方式 执行 ， 
而 且 它 们 之 间 没 有 性 能 差异 。 因 此 ， 页 模型 的 选择 取决 于 其 他 因素 。 例 如 ， 要 在 应 用 程序 
中 组 织 代 码 的 方式 、 将 页 面 设计 与 代码 编写 分 开 是 否 重要 等 。 
(1) 单 文件 页 的 优点 
通常 ， 单 文件 模型 适用 于 特定 的 页 ， 在 这 些 页 中 ， 代 码 主要 由 页 中 控件 的 事件 处 理 程 
序 组 成 。 单 文件 页 模型 的 优点 包括 以 下 几 点 。 
e 在 没有 太 多 代码 的 页 中 ， 可 以 方便 地 将 代码 和 标记 保留 在 同一 个 文件 中 ， 这 一 点 
比 代码 隐藏 模型 的 其 他 优点 都 重要 。 例 如 ， 由 于 可 以 在 一 个 地 方 看 到 代码 和 标记 ， 
因此 研究 单 文件 页 更 容易 。 
。 因为 只 有 一 个 文件 ， 所 以 使 用 单 文件 模型 编写 的 页 更 容易 部 署 或 发 送 给 其 他 程 
序 员 。 
e 由 于 文件 之 间 没 有 相关 性 ， 因 此 如 果 使 用 的 是 Visual Studio 之 外 的 工具 ， 则 更 容 
易 对 单 文件 页 进行 重 命 名 。 
。 因为 页 自 包含 于 单个 文件 中 ， 故 而 在 源 代码 管理 系统 中 管理 文件 稍微 简单 一 些 。 
(2) 代码 隐藏 页 的 优点 
代码 隐藏 页 的 优点 使 它们 适用 于 包含 大 量 代码 或 多 个 开发 人 员 共同 创建 网 站 的 Web 
应 用 程序 。 
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代码 隐藏 模型 的 优点 包括 以 下 几 点 。 

。 代码 隐藏 页 可 以 清楚 地 分 隔 标 记 (用 户 界 面 ) 和 代码 。 这 一 点 很 实用 ， 可 以 在 程序 员 
编写 代码 的 同时 让 设计 人 员 处 理 标记 。 

e 代码 并 不 会 向 仅 使 用 页 标记 的 页 设计 人 员 或 其 他 人 员 公开 。 

e 代码 可 在 多 个 页 中 重用 。 


3.2.2 页面 的 往返 与 处 理 机 制 


ASPNET 网 页 是 作为 代码 在 服务 器 上 运行 的 。 因此 ,要 使 页 面 中 的 按钮 或 其 他 内 容 得 
到 处 理 ， 必 须 将 该 信息 提交 到 服务 器 。 每 次 页 面 提交 时 ， 都 会 在 服务 器 端 运 行 其 代码 ， 然 
后 把 运行 的 结果 呈现 给 用 户 。ASPNET 页 面 的 处 理 循环 如 下 。 

(1) 用 户 通 过 客户 端 浏览 器 请 求 页 面 ， 页 面 第 一 次 运行 ， 执 行 初步 处 理 。 程 序 员 可 以 
通过 编程 对 页 面 进 行 初始 化 等 操作 。 

(2) 执行 的 结果 以 标记 的 形式 呈现 给 浏览 器 ， 浏 览 器 对 标记 进行 解释 并 显示 。 

(3) 用 户 输入 信息 或 从 可 选项 中 进行 选择 ， 或 者 单 击 按钮 。 如 果 用 户 单 击 的 是 一 个 超 
链接 而 不 是 按钮 ， 页 面 就 会 定位 到 另 一 个 页 面 ， 而 该 页 面 不 会 被 进一步 处 理 。 

(4) 页 面 发 送 到 Web 服务 器 ， 在 ASPNET 中 称 此 为 “ 回 发 ”， 也 就 是 说 页 面 发 送 回 
其 自身 。 例 如 ， 用 户 正 在 访问 Default.aspx 页 面 ， 则 单 击 该 页 面 上 的 某 个 按钮 可 以 将 该 页 
面 发 送 回 服务 器 ， 发 送 的 目的 地 还 是 Default.aspx。 

(5) 在 Web 服务 器 上 ， 该 页 再 次 运行 ， 并 且 使 用 用 户 输入 或 选择 的 信息 。 

(6) 服务 器 将 执行 操作 后 的 页 面 以 HIML 或 XHTML 标记 的 形式 发 送 到 客户 端的 浏览 
器 。 

只 要 用 户 访问 同一 个 页 面 ， 该 循环 就 会 继续 。 用 户 每 次 单 击 按钮 时 ， 页 面 中 的 信息 就 
会 发 送 到 Web 服务 器 ， 然 后 该 页 面 再 次 运行 。 每 个 循环 称 为 一 次 “往返 行程 ”。 由 于 页 面 
处 理发 生 在 Web 服务 器 上 ， 因 此 页 面 可 以 执行 的 每 个 操作 都 需要 一 次 到 服务 器 的 往返 行程 。 

有 时 可 能 需要 代码 仅 在 首次 请 求 页 时 执行 ， 而 不 是 每 次 回 发 时 都 执行 ， 这 时 候 可 以 使 
用 Page 对 象 的 IsPostBack 属性 来 避免 对 往返 行程 执行 不 必要 的 处 理 。 


3.2.3 页 面 的 生命 周期 


ASPNET 页 运行 时 ， 此 页 将 经 历 一 个 生命 周期 ， 在 生命 周期 中 将 执行 一 系列 处 理 步 
又。 这 些 步 又 包括 初始 化 、 实 例 化 控件 、 还 原 和 维护 状态 、 运 行事 件 处 理 程序 代码 以 及 进 
行星 现 。 了 解 页 生命 周期 非常 重要 ， 因 为 这 样 做 就 能 在 生命 周期 的 合适 阶段 编写 代码 ， 以 
达到 预期 效果 。 

与 桌面 应 用 程序 中 的 窗 体 不 同 , ASP.NET 网 页 在 使 用 窗 体 时 不 会 启动 或 运行 ,并且 仅 
当 用 户 单 击 【关闭 】 按 钮 时 才 会 卸载 。 这 是 由 于 Web 具有 断 开 连接 的 天 性 。 浏 览 器 从 
Web 服务 器 请 求 页 面 时 , 浏览 器 和 服务 器 相连 的 时 间 仅 够 处 理 请 求 。Web 服务 器 将 页 面 呈 
现 到 浏览 嚣 之后， 连接 即 终止 。 如 果 浏 览 器 对 同一 Web 服务 器 发 出 另 一 个 请 求 ， 则 即使 是 
对 同一 个 页 面 发 出 的 ， 该 请 求 仍 会 作为 新 请 求 来 处 理 。 
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Web 这 种 断 开 连 接 的 天 性 决定 了 ASPNET 页 的 运行 方式 .用 户 请 求 ASPNET 网 页 时 
将 创建 该 页 的 新 实例 。 该 页 执行 其 处 理 ， 将 标记 呈现 到 浏览 器 ， 然 后 该 页 被 丢弃 。 如 果 用 
户 单 击 按钮 以 执行 回 发 ， 将 创建 该 页 的 一 个 新 实例 ， 该 页 执行 其 处 理 ， 然 后 再 次 被 丢弃 。 





这 样 ， 每 个 回 











发 和 往返 行程 都 会 导致 生成 该 页 的 一 个 新 实例 。 


如 果 要 开发 自 定义 控件 ， 就 必须 熟悉 页 生命 周期 ， 以 便 正确 进行 控件 初始 化 ， 使 用 视 
图 状态 数据 填充 控件 属性 以 及 运行 控件 行为 代码 。 控 件 的 生命 周期 基于 页 的 生命 周期 ， 但 
是 页 引发 许多 需要 在 自 定义 控件 中 处 理 的 事件 。 

- 般 来 说 ， 页 要 经 历 下 表 概 述 的 各 个 阶段 。 除 了 页 生命 周期 阶段 以 外 ， 在 请 求 前 后 还 
存在 应 用 程序 阶段 ， 但 是 这 些 阶段 并 不 特定 于 页 。 有 关 更 多 信息 ， 请 参考 相关 资料 。 


生命 周期 的 某 些 部 分 仅 当 页 处 理 为 回 发 时 才 出 现 。 对 于 回 发 , 部 分 页 回 发 过 程 中 ( 当 























发 者 使 用 UpdatePanel 控件 ) 与 整 页 回 发 过 程 中 的 页 生命 周期 是 一 样 。 
页 生命 周期 阶段 与 说 明 如 表 3-1 所 示 。 


初始 化 


加 载 


回 发 事件 处 理 


呈 坝 


表 3-1 页 面 生命 周期 阶段 与 说 明 
说 ”了 明 

页 请 求 发 生 在 页 生命 周期 开始 之 前 。 用 户 请 求 页 时 ，ASP.NET 将 确定 是 否 需 要 
分 析 和 编译 页 (从 而 开始 页 的 生命 周期 )， 或 者 是 否 可 以 在 不 运行 页 的 情况 下 发 送 
页 的 缓存 版 本 以 进行 响应 
在 启动 阶段 ， 将 设置 页 属性 ， 如 Request 和 Response。 在 此 阶段 ， 页 还 将 确定 请 
求 是 回 发 请 求 还 是 新 请 求 ， 并 设置 SPostBack 属性 。 页 还 设置 UICulture 属性 
页 初始 化 期 间 ， 可 以 使 用 页 中 的 控件 ， 并 将 设置 每 个 控件 的 UniqueID 属性 。 如 
果 需 要 ， 还 会 向 页 应 用 于 母 版 页 和 主题 。 如 果 当 前 请 求 是 回 发 请 求 ， 则 回 发 数据 
尚未 加 载 ， 并 且 控 件 属 性 值 尚未 还 原 为 视图 状态 中 的 值 
加 载 期 间 ， 如 果 当 前 请 求 是 回 发 请 求 ， 则 将 使 用 从 视图 状态 和 控件 状态 恢复 的 信 
息 加 载 控件 属性 
如 果 请 求 是 回 发 请 求 ， 则 将 调用 控件 事件 处 理 程序 。 之 后 ， 将 调用 所 有 验证 程序 
控件 的 Validate 方法 ， 此 方法 将 设置 各 个 验证 程序 控件 和 页 的 IsValid 属性 
在 呈现 之 前 , 会 针对 该 页 和 所 有 控件 保存 视图 状态 。 在 呈现 阶段 中 ， 页 会 针对 每 
个 控件 调用 Render 方法 ， 它 会 提供 一 个 文本 编写 器 ， 用 于 将 控件 的 输出 写 入 页 
的 Response 属性 的 OutputStream 对 象 中 








印 载 





完全 呈现 页 并 已 将 页 发 送 至 客户 端 、 准 备 丢弃 该 页 后 ， 将 引发 Unload 事件 。 此 
时 ， 将 卸载 页 属性 (如 Response 和 Request) 并 执行 清理 


3.2.4 页 面 生命 周期 事件 


对 于 ASP.NET 开发 者 ， 理 解 ASPNET 的 页 面 生命 周期 是 非常 重要 的 。 主 要 是 为 了 搞 
明白 在 哪里 放置 特定 的 方法 和 在 何 时 设置 各 种 页 面 属 性 。 但 是 记忆 和 理解 页 面 生命 周期 里 
提供 的 事件 处 理 方法 (method) 非 常 困难 。 互 联网 上 有 很 多 关于 页 面 生命 周期 内 部 机 制 的 文 
章 ， 所 以 本 文 只 准备 简单 覆盖 技术 的 基础 部 分 ， 更 主要 的 目的 是 给 大 家 提供 一 个 简单 的 记 
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忆 页 面 生命 周期 的 方法 。 

准确 地 记忆 ASP.NET 页 面 生 命 周 期 每 一 个 阶段 发 生 了 什么 事情 是 比较 困难 的 ， 一 种 
便于 记忆 的 方法 是 根据 各 个 阶段 的 名 字 组 合 出 一 个 缩写 。 微 软 的 文档 给 出 的 ASP.NET 生 
命 周 期 如 下 : 

Page Request— Start— Page Initialization 一 Load 一 Validation 一 Postback event handling— 
Rendering 一 Unload 

根据 这 个 组 合 出 一 个 缩写 非常 容易 。 既 然 Page Request 技术 上 并 不 是 页 面 生命 周期 的 

-部 分 (这 个 阶段 仅仅 标示 我 们 是 否 开始 一 个 页 面 周期 或 者 从 缓存 加 载 一 个 页 面 )， 为 了 方 

便 ， 就 不 包括 这 一 阶段 。 组 合 缩写 如 下 : 

® S-Start 
I— Initialize 
L—Load 
V— Validate 

e E-EventHandling 

® 及 -Render 

这 样 就 组 合 出 一 个 缩写 SILVER， 这 个 英文 单词 非常 好 记 。 当 然 ， 一 定 要 记 住 页 面 生 
命 周期 的 最 后 一 个 环节 unload 没有 包括 在 里 面 。 如 果 开发 者 觉得 有 必要 ， 可 以 记忆 为 
SILVER-U 或 者 SILVER-YOU， 尽 管 有 点 破坏 这 个 记忆 法 的 完美 性 。 现 在 ， 开 发 者 可 以 非 














常 容易 就 记 住 了 页 面 生命 周 期 ， 接 着 总 结 一 下 每 一 步 都 发 生 了 什么 ， 都 有 什么 事件 伴随 着 
发 生 。 
1. Start 


在 这 个 阶段 ， 页 面 属性 ， 如 Request、Response、IsPostBack 和 UICulture 被 创建 。 最 
为 一 个 开发 人 员 , 大 部 分 时 候 在 这 个 阶段 不 需要 做 任何 事 。 如 果 需 要 调用 或 者 重 写 (override) 
这 一 阶段 的 行为 ， 可 以 使 用 PreInit 方法 创建 或 者 重新 创建 动态 控件 ， 设 置 master page 或 
者 theme 或 者 读 取 和 设置 profile property 的 值 。 要 注意 的 一 点 是 ， 如 果 是 回 传 (postback) 的 
页 面 请 求 ， 所 有 控件 的 值 还 没有 从 view state 里 还 原 ， 如 果 在 这 个 阶段 设置 一 个 控件 的 值 ， 
这 个 值 有 可 能 在 下 面 的 阶段 被 重 写 并 覆盖 。 

2. Initialize 


这 个 阶段 对 于 开发 人 员 是 很 重要 。 在 这 个 阶段 ，theme 被 应 用 ， 所 有 的 控件 都 被 设置 
了 唯一 的 IDD。 开发 人 员 在 这 个 阶段 可 以 调用 Init、InitComplete 和 PreLoad 方法 。 微 软 关 于 
这 些 方法 使 用 的 建议 如 下 。 

e Init: 这 个 事件 发 生 在 所 有 控件 被 初始 化 并 且 皮 肤 设置 也 被 应 用 后 。 使 用 这 个 事件 

来 读 取 控 件 的 初始 化 值 。 

e InitComplete: 这 个 事件 被 Page 对 象 触发 ， 使 用 这 个 事件 处 理 那些 要 求 所 有 初始 化 

工作 都 完成 后 才能 做 的 事情 。 
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e PreLoad: 如 果 在 页 面 或 者 控件 进入 Load 事件 前 有 什么 要 处 理 的 ， 使 用 这 个 事件 。 
Page 在 触发 这 个 事件 后 ,Page 就 会 为 自己 和 所 有 的 控件 加 载 view state 并 且 处 理 所 
有 Request 中 的 postback 数据 。 


3. Load 


这 个 阶段 可 能 是 开发 者 使 用 得 最 多 的 一 个 阶段 。 在 这 个 阶段 ， 所 有 的 控件 被 viewstate 
中 信息 填充 并 被 加 载 ，OnLoad 事件 被 触发 。 在 这 个 阶段 开发 者 可 以 为 页 面 上 所 有 的 服务 
端 控件 设置 属性 ， 得 到 query strings， 建 立 数据 库 连 接 。 

4. Validation 


如 果 控 件 要 求 验 证 ， 验 证 会 在 这 个 阶段 发 生 ， 这 个 时 候 开 发 者 可 以 检查 控件 的 IsValid 
属性 。 跟 这 个 阶段 关联 的 事件 是 Validate， 它 有 一 个 可 以 接受 验证 字符 串 群 的 重 载 方法 
(overload method)， 这 个 重 载 方法 执行 特定 控件 群 的 验证 。 
5. Event Handling 
所 有 服务 器 端 控件 的 事件 处 理发 生 在 这 个 阶段 。 也 就 是 说 Click，Selected Index 
Changed 等 这 些 事件 会 应 用 到 服务 器 端 控件 ， 如 果 是 页 面 请求 是 回 传 (postback) 的 话 ， 这 些 
事件 的 处 理 函 数 就 会 被 控件 触发 。 这 个 阶段 可 以 使 用 的 事件 如 下 。 
e LoadComplete: 在 这 个 阶段 ， 页 面 上 所 有 的 控件 加 载 完 毕 。 
e@ PreRender: 这 里 有 几 个 重点 ， 第 一 ， 页 面 对 象 page objecb 会 调用 每 一 个 控件 的 
EnsureChildControls 函数 ， 并 最 终 调用 自己 的 。 其 次 , 所 有 上 有 具有 DataSourceID 的 数 
据 绑 定 控件 都 会 调用 自己 的 DataBind 函数 。 要 注意 的 一 点 是 ， PreRender 事件 会 发 
生 在 一 个 页 面 的 每 一 个 控件 上 。 在 这 个 事件 的 最 后 ， 页 面 和 所 有 控件 的 ViewState 
被 存储 。 

e@ SaveStateComplete: 到 这 里 ，ViewState 已 经 存储 完毕 ， 如 果 有 什么 操作 不 需要 修 
改 控 件 但 需要 修改 ViewState 的 ， 可 以 放 在 SaveStateComplete 里 面 。 

6. Render 


泻 染 RendeD 实 际 上 不 是 一 个 事件 ， 页 面 对 象 调用 每 一 个 控件 的 Render 方法 从 而 按 顺 
序 地 输出 控件 的 HTML 代码 。 编写 用 户 自 定义 控件 的 开发 者 对 这 个 阶段 最 感 兴趣 了 ,因为 
输出 用 户 自 定义 HTML 代码 的 标准 做 法 就 是 重 写 Render 方法 。 如果 控 件 是 从 ASP.NET 服 

















不 同 的 行为 。 

7. Unload 

最 后 这 个 事件 首先 是 被 各 个 控件 逐一 触发 ， 最 后 被 页 面 触发 。 在 这 个 时 刻 ， 所 有 的 控 
件 已 经 被 演 染 为 输出 流 (output stream) 并 且 无 法 被 修改 。 这 个 阶段 中 ， 任 何 试图 对 response 
stream 的 操作 都 会 引发 异常 。 这 个 事件 主要 用 于 做 一 些 清理 工作 ， 如 关闭 数据 库 连接 和 打 
开 的 文件 或 者 登记 事件 记录 等 其 他 任务 。 
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页 面 周期 中 的 方法 
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下 面 列 出 ASPNET 页 面 生命 周 期 中 所 有 的 方法 ， 这 些 方法 都 可 以 被 重 写 (override)， 


要 注意 的 是 这 些 方法 有 的 会 递归 调用 ， 有 个 会 被 页 面 中 的 内 容 习 


页 面 加载 时 最 通用 的 顺序 依次 排列 的 。 














Construct 
ProcessRequest 
FrameworkInitialize 


InitializeCulture 


If child controls are present: 


AddParsedSubObject 
CreateControlCollection 
AddedControl 
ResolveAdapter 
DeterminePostBack Mod: 
OnPrelInit 

OnInit 
TrackViewState 
OnInitComplete 
OnPreLoad 

OnLoad 
OnLoadComplete 
EnsureChildControls 
CreateChildControls 
OnPreRender 
OnPreRenderComplete 
SaveViewState 
OnSaveStateComplete 
CreateHtmlTextWriter 
RenderControl 

Render 
RenderChildren 


le 


VerifyRenderingInServerForm 


OnUnload 


Dispose 








包 复 调用 ， 这 个 列表 是 按照 
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3.2.6 ASPNET 页 面 指令 


ASPNET 页 面 中 通常 包含 一 些 类 似 <%@.…%> 这 样 的 代码 ， 被 称 为 页 面 指令 。 这 些 指 
令 是 允许 相应 指定 的 一 些 属性 和 配置 信息 的 ， 就 是 ASP.NET 用 作 处 理 页 面 的 指令 。 常 用 
的 页 面 指令 如 下 。 


1. @ Assembly 指令 


@Assembly 指令 ， 即 程序 指令 。 用 于 在 编译 时 将 程序 集 链接 到 页 面 ， 这 时 程序 员 可 以 
使 用 程序 集 公开 的 所 有 的 类 和 方法 。 @Assembly 指令 可 以 在 aspx 页 面 、.ascx 文件 、master 
页 面 和 .asax 文件 中 使 用 。 语 法 格式 ， 如 下 。 
<%@Assembly Name="assName%"> //Name 表示 指定 编译 页 面 时 链接 的 程序 集 
<%@Assembly Src="pathName"> ”//Sre 表示 指定 动态 编译 并 链接 到 当前 页 面 
对 于 @Assembly 指令 中 的 Name 和 Src 两 个 属性 ， 它 们 是 不 能 在 同一 个 指令 里 同时 存 
在 。 如 果 要 同时 存在 的 话 ， 就 必须 在 文件 中 要 多 包含 一 个 @Assembly 指令 。 
在 链接 Web 应 用 程序 中 bin 目录 的 程序 集 时 ， 将 自动 链接 到 应 用 程序 中 的 ASPNET 
文件 。 如 果 不 想 使 用 @Assembly 指令 ， 只 需要 在 Web 应 用 程序 中 找到 Web.config 文件 的 
<assemblies> 节 移 除 下 面 一 行 的 代码 ， 如 下 。 





<add assembly="*"> 


2. @Control 指令 


@Control 指 令 ， 又 称 控制 指令 。 该 指令 只 能 用 于 用 户 控件 中 ， 用 户 控件 在 带 有 .ascx 扩 
展 名 的 文件 中 进行 定义 。 每 个 .ascx 文 件 只 能 包含 一 条 @Control 指 令 ， 也 只 允许 定义 一 个 
Language 属 性 ， 每 个 控件 只 能 使 用 一 种 语言 。 语 法 格式 如 下 。 


<%@Control attribute= value”.%> //attribute 包含 了 所 有 的 @Control 的 属性 


各 属性 如 下 。 
e AutoEventWrieup: 该 控件 的 事件 是 否 自动 匹配 ，true 为 自动 ， 否 则 为 false。 默 认 
为 true。 


e@ ClassName: 一 个 字符 串 ， 用 于 指定 需求 在 请 求 时 经 行动 态 编译 的 控件 类 名 ， 此 值 
可 以 是 任何 有 效 的 类 名 ， 并 且 可 以 包括 完整 的 命名 空间 ， 完 全 限定 类 名 。 如 果 没 
有 设置 此 属性 ， 则 编译 控件 类 名 将 基于 控件 的 文件 名 。 

e@ CodeFile: 指定 该 控件 代码 的 隐藏 文件 的 路 径 。 和 Inherits 属性 一 起 使 用 ， 将 隐藏 
代码 源 文件 和 用 户 控件 的 关联 。 该 属性 只 对 已 经 编译 控件 有 效 。 

e。 Debug: 是 否 应 使 用 调试 符号 编译 控件 。 如 果 是 则 tue， 否 则 false。 由 于 该 属性 设 
置 会 影响 性 能 ， 应 该 只 在 开发 时 ， 将 该 属性 设置 为 tue。 

e。 EnableTheming: 指示 控件 是 否 使 用 主题 ， 使 用 主题 ， 则 为 tue， 和 否则 为 false。 默 
认 true。 
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。 EnableViewState: 是 否 该 控件 请 求 维护 视图 状态 .如 果 维 护 , 则 为 true, 否则 为 false。 
默认 为 true。 

e JInherits: 定义 供 空 间 继 承 代 码 的 隐藏 类 。 是 从 UserControl 类 派生 的 任何 类 。 和 包 
含 代 码 隐藏 类 源 文件 的 路 径 CodeFile 属性 一 起 使 用 。 

e Language: 指定 在 编译 控件 中 所 有 内 联 呈 现 (<% %> 和 <% = %>) 和 代码 声明 块 时 使 

用 的 语言 。 可 以 是 任何 .NET 支持 的 语言 ， VB、C#、JScript。 每 个 控件 ， 只 能 使 用 
指定 一 种 语言 。 

e@ Src: 指定 包含 连接 到 控件 的 代码 的 源 文 件 的 路 径 。 在 所 链接 的 源 文件 中 ， 可 以 选 
择 在 类 中 或 在 代码 声明 块 中 包括 控件 的 编译 逻辑 。 

3. @Implements 指令 


@Implements 指令 ， 又 称 接口 指令 。 指 示 当 前 的 ASP.NET 应 用 程序 文件 (网 页 ， 用 户 
控件 或 母 版 页 ) 实 现 指 定 的 NET Framework 接口 。 语 法 格式 如 下 。 























<%@Implements interface="ValidInterfaceName"%> 
其 中 ，interface 属性 用 来 指定 要 在 页 或 用 户 控 件 中 实现 的 接口 。 
在 Web 窗 体 页 中 实现 接口 时 ， 开 发 人 员 可 以 在 代码 声明 块 中 <scripf 元 素 的 开始 标记 
和 结束 结束 标记 之 间 创 建 的 事件 、 方 法 和 属性 ， 但 是 不 能 使 用 该 指令 在 代码 隐藏 文件 中 实 
现 接口 。 
4. @Import 指令 
@Import 指令 , 即 导 入 指令 。 该 指令 用 于 将 空间 显示 导入 到 ASPNET 应 用 程序 文件 中 ， 
并 且 导 入 该 命名 空间 的 所 有 类 和 接口 。 导 入 的 命名 空间 可 以 是 NET.Framework 类 库 的 一 部 
分 ， 也 可 以 是 用 户 定义 的 命名 空间 的 一 部 分 。 语 法 格式 如 下 。 
<%@Import namespace="value"%> 
@Import 指令 不 能 有 多 个 namespace 的 属性 ， 如 果 要 导入 多 个 命名 空间 ， 要 使 用 多 个 
@Import 指令 。 


3.3 ASP.NET 的 常用 内 置 对 象 


在 ASPNET 里 面 , 有 几 大 常用 内 置 对 象 , 即 Response、Request、Application、Session、 
Server、ViewState、Cookie 等 。 下 面 将 分 别 介绍 一 下 这 些 对 象 的 常用 属性 及 方法 。 





3.3.1 Response 对 象 





Request 对 象 与 Response 对 象 就 像 一 般 程序 语言 里 的 Input 及 Output 命令 (或 函数 ), 若 
要 让 ASPNET 程序 能 够 接收 来 自前 端 用 户 的 信息 ， 或 者 想 将 信息 传递 给 前 端 ， 都 必须 依 
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赖 这 两 个 对 象 。 简 言 之 ，Request 对 和 象 掌管 ASPNET 的 Input 功能 ， 而 Response 对 象 则 负 


责 Output 功能 。 


Response 对 象 实际 是 在 执行 system.web 命名 空间 
户 的 请 求 信息 建立 一 个 Response 对 象 ，Response 将 上 

















hp 的 类 HttpResponse。 CLR 会 根据 用 
于 回应 客户 端 浏览 器 , 告诉 浏览 器 回 









































应 内 存 的 报头 、 服 务 器 端的 状态 信息 以 及 输出 指定 的 内 容 。Response 的 常用 属性 和 方法 如 
表 3-2 和 表 3-3 所 示 。 
表 3-2 Response 对 象 常用 的 属性 列表 
属 性 说 了 明 
Buffer 获取 或 设置 是 否 缓冲 输出 
Cache 获取 缓存 信息 
CharSet 获取 和 设置 输出 流 的 HITP 字符 集 
ContentType 获取 和 设置 输出 流 的 MIME 类 型 
Cookie 获取 Cookie 集合 
Expires 获取 和 设置 浏览 器 缓存 超时 时 间 
IsClientConnected 获取 客户 端 是 否 和 服务 器 连接 
Status 设置 返回 给 客户 端的 状态 
StatusCode 获取 和 设置 返回 给 客户 端 状 态 字符 串 
StatusDescription 获取 和 设置 状态 说 明 
表 3-3 Response 对 象 常用 方法 列表 
方法 说 明 
AddHeader 添加 HITP 头 信息 
AppendCookie 添加 一 个 Cookie 
AppendHeader 添加 HITP 头 信息 
AppendToLos 湛 加 自 定义 信息 到 TS 日 志 中 
BinaryWrite 以 二 进 制 的 方式 输出 
Clear 清除 输出 缓存 
Close 关闭 和 客户 端的 Socket 连接 
End 发 送 所 有 缓冲 到 客户 端 ， 并 且 停 止 执行 页 面 
Flush 发 送 所 有 缓存 到 客户 端 
Redirect 重新 定向 URL 
SetCookie 更 新 一 个 已 有 的 Cookie 
Write 输出 信息 
WriterFile 直接 将 指定 文件 写 到 输出 流 


下 面 举例 说 明 该 对 象 最 常用 的 一 些 属性 和 方法 。 


。 Response.ContentType0 方 法 
ContentType 属性 设 定 Response 对 象 的 输出 内 容 类 型 , 默认 值 为 : texvVhtml。 如 下 所 示 。 


i 


Response.ContentType= "image/gif " 
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表示 输出 内 容 类 型 为 GIF 图 形 文件 。 
© Response.Expires=number 
Expires 属性 指定 了 在 浏览 器 上 缓冲 存储 的 页 距 过 期 还 有 多 少时 间 。 如 果 用 户 在 某 个 页 
过 期 之 前 又 回 到 此 页 ， 就 会 显示 缓冲 区 中 的 版 本 。 若 此 属性 在 一 页 上 设置 了 多 次 ， 则 使 用 
最 短 的 时 间 。 如 指定 了 日 期 (Date) 而 未 指定 时 间 (Time)， 页 面 在 午夜 失效 。 如 指定 了 时 间 而 
未 指定 日 期 ， 则 在 脚本 执行 的 当天 那个 时 间 失 效 。 如 下 所 示 。 
Response.ExpiresAbsolute=DateTime.Now 
表示 页 面 在 当前 时 间 失 效 ， 即 马上 过 期 。 
e Response.Buffer=Flag 
Buffer 属性 表示 是 否 对 页 面 输出 进行 缓冲 。 如 有 缓冲 ， 服 务 器 在 所 有 当前 处 理 的 页 面 
的 语句 被 处 理 之 前 不 将 Response 送 往 客户 端 ， 除 非 有 Flush 或 End 方法 被 调用 。 参 数 Flag 
表示 是 否 对 页 面 输出 进行 缓冲 。True 表示 需要 ，False 表示 不 需要 ， 默 认 值 是 True。 
@ ”Response.Flush() 方 法 
立即 将 缓冲 区 中 页 面 输出 。 
@ Response.Write() 方 法 
Write 方法 输出 指定 的 文本 内 容 。 如 下 所 示 。 
Response.Write("Hello World! ") 


eResponse.WriteFile() 方 法 
直接 将 输出 的 内 容 写 入 一 个 文件 中 。 如 下 所 示 。 
Response. WriteFile("c:\\write.txt") 
【 例 3-1】 演示 Response.Write0 方 法 的 使 用 。 
(1) 新 建 一 个 名 为 WebSite3 的 网 站 ， 在 其 中 添加 一 个 名 为 example3-1.aspx 的 网 页 。 
(2) 在 example3-1.aspx.cs 页 面 中 添加 下 面 代码 。 
protected void Page_Load(object sender, EventArgs e) 


{ 
Response.Write("Hello World!"): 
Response.Write("<h2>Hello World!</h2>"): 
Response.Write("<p style='color:#0000ff>Hello World!</p>"); 
} 


(3) 程序 运行 效果 如 图 3-2 所 示 。 


< S "ecco p - 80 Bd 


3.3.2 ”Request 对 象 So Woaal 
Hello World! 
Request 对 象 是 ASPNET 当中 最 有 用 的 对 象 之 和 





-， 它 与 Response 对 象 一 起 使 用 , 达到 沟通 客户 端 及 A 
服务 器 端的 作用 ,使 它们 之 间 可 以 很 简单 地 交换 数据 。 图 3-2 Response.aspx 运行 效果 
Request 对 象 接收 客户 端 通过 表单 或 者 URL 地 址 串 发 
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送 来 的 变量 ， 同 时 ， 也 可 以 接收 其 他 客户 端的 环境 变量 ， 如 浏览 器 的 基本 情况 、 客 户 端的 
卫 地 址 等 。 所 有 从 前 端 浏览 器 通过 HTTP 通信 协议 送 往 后 端 Web 服务 器 的 数据 ， 都 是 借 
助 Request 对 象 完成 的 。 总 而 言 之 ，Request 对 象 含 有 用 户 端 最 为 丰富 的 数据 。 

Request 对 象 常用 的 属性 和 方法 如 表 3-4 和 表 3-5 所 示 。 

















表 3-4 Request 对 象 常用 属性 列表 

















属 性 说 了 明 
ApplicationPath 获得 ASP.NET 应 用 程序 虚拟 目录 的 根 目 录 
Browser 获取 和 设置 客户 端 浏 览 器 的 兼容 性 信息 
ContentLength 客户 端 发 送信 息 的 字 节 数 
ContentType 获取 和 设置 请 求 的 MIME 类 型 
Cookies 获取 客户 端 Cookie 
FilePath 当前 请 求 的 虚拟 路 径 
Files 获取 客户 端 上 传 的 文件 集合 
Form 获取 表单 变量 集合 
Headers 获取 HTTP 头 信息 
HttpMethod HTTP 数据 传输 方法 ， 如 GET、POST 
Path 获取 当前 请 求 的 虚拟 路 径 
PhysicalPath 获取 请 求 的 URL 物理 路 径 
QueryString 获取 查询 字符 串 集 合 
ServerVariables 获取 服务 器 变量 集合 
TotalBytes 获取 输入 文件 流 的 总 大 小 
Url 获取 当前 请 求 的 URL 
UrlReferrer 获取 该 请 求 的 上 一 个 页 面 
UserAgent 客户 端 浏览 器 信息 
UserHostAddress 客户 端 王 地址 
UserHostName 客户 端 DNS 名 称 
UserLanguages 客户 端 语 言 


表 3-5 ”Request 对 象 方法 列表 

















名 称 说 了 明 
BinaryRead 以 二 进 制 方式 读 取 指定 字 节 的 输入 流 
MapPath 映射 虚拟 路 径 到 物理 路 径 
SaveAs 保存 HITP 请 求 到 硬盘 
ValidateInput 验证 客户 端的 输入 是 否 存在 危险 的 数据 





ASP.NET 是 使 用 表单 form) 来 实现 用 户 数据 提交 的 。 对 于 HIML 表单 ， 可 以 使 用 Get 
方法 或 Post 方法 来 实现 数据 提交 。 如 果 使 用 Get 方法 ， 就 要 使 用 Request 对 象 的 QueryString 
集合 来 得 到 相关 的 信息 ; 如 果 使 用 Post 方法 ， 就 要 使 用 Request 对 象 的 Fomm 集合 来 得 到 
相关 信息 。 下 面 分 别 讲解 如 何 使 用 Get 方法 和 Post 方法 。 
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1. Get 方法 


使 用 Get 方法 进行 数据 提交 需要 使 用 RequestQueryString 方法 来 取得 传递 的 数据 ， 传 
输 的 数据 量 比较 小 , 一 般 限制 在 2KB 左右 , 用 户 要 提交 的 信息 往往 是 作为 查询 字符 串 加 在 
URL 的 后 面 传 给 接收 程序 。URL 是 指 Uniform Resource Locator (统一 资源 定位 器 ), 它 的 通 
常 形式 是 类 似 http://www.abc.com 形式 的 字符 串 。 而 查询 字符 串 则 是 加 在 URL 的 后 面 , 与 
前 面 的 URL 一 起 提交 给 服务 器 的 字符 串 。 例 如 : http://www.domain.com/test.aspx?name= 
myname& password=mypassword。 


2. Post 方 法 


Post 方法 是 用 Request 对 象 的 Form 集合 属性 来 得 到 用 户 提交 的 数据 。 使 用 该 方法 时 ， 
用 户 浏览 器 的 地 址 栏 中 不 会 显示 相关 的 查询 字符 串 。 因 此 ， 如 果 需 要 提交 的 数据 很 多 时 ， 
应 使 用 Post 方法 ， 因 为 它 对 数据 的 大 小 和 长 度 没有 什么 限制 。 另 外 ， 如 果 使 用 Web 表单 
而 不 是 HTML 表单 的 话 ， 那 么 也 只 能 使 用 Post 方法 来 获取 数据 ， 因 为 这 是 Web 表单 默认 
使 用 的 方法 ， 无 须 在 定义 表单 时 说 明 。 

与 Get 方法 相 比 ，Post 方法 对 数据 的 大 小 和 长 度 没 有 什么 限制 ， 所 以 对 于 大 量 的 数据 
提交 ， 使 用 Post 方法 是 十 分 有 利 的 。 另 外 ， 由 于 地 址 栏 中 不 显示 相关 的 查询 字符 串 ， 那 么 
使 用 Post 方法 就 十 分 适合 用 来 传递 保密 信息 ， 如 用 户 的 账号 和 密码 等 。 

【 例 3-2】 演 示 利 用 Request 对 象 的 Form 集合 来 得 到 相关 信息 的 方法 。 

(1) 在 WebSite4 网 站 中 添加 一 个 名 为 example3-2-1.aspx 和 名 为 example3-2-2.aspx 的 网 
页 ， 在 example3-2-1.aspx 页 面 的 <body> 标 签 中 添加 如 下 代码 。 





<form id="forml" runat="server"> 
<div> 
<a href="example3-2-2.aspx?username=chen">Example</a> 
</div> 
</form> 
(2) 在 example3-2-2.aspx.cs 页 面 中 添加 下 面 代 码 。 


protected void Page_Load(object sender, EventArgs e) 
Response.Write(RequestQueryString); 
Response.Write("<br/>"); 
Response.Write(Request.QueryString["username'"]); 


(3) 程序 运行 效果 如 图 3-3 和 图 3-4 所 示 。 


< ECEREG 


x 
Be hp//o-alhost33 P - BO 
- 


Usemame=chen 
chen 


Example 





图 3-3 example3-2-1.aspx 运行 效果 图 3-4 example3-2-2.aspx 运行 效果 
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3.3.3 Application 对 象 


人 们 最 常用 的 保存 变量 的 内 容 的 方法 是 使 用 文件 ， 但 是 毕竟 对 文件 的 操作 是 比较 麻烦 
的 事情 ， 有 没有 更 简单 的 方法 呢 ? 其 中 一 种 比较 简单 的 方法 就 是 使 用 Application 对 象 来 保 
存 希望 传递 的 变量 。 由 于 在 整个 应 用 程序 生存 周期 中 ，Application 对 象 都 是 有 效 的 ， 所 以 
在 不 同 的 页 面 中 都 可 以 对 它 进行 存 取 ， 就 像 使 用 全 局 变量 一 样 方便 。 

在 ASPNET 环境 中 ，Application 对 象 来 自 HttpApplicationState 类 ， 它 可 以 在 多 个 请 
求 、 连 接 之 间 共 享 公用 信息 , 也 可 以 在 各 个 请 求 连接 之 间 充 当 信息 传递 的 管道 , Application 
对 象 常用 的 属性 和 方法 如 表 3-6 和 表 3-7 所 示 。 



























































表 3-6 Application 属性 列表 








属 性 万 ”法 
AllKeys 获得 访问 HttpApplicationState 集合 的 所 有 键 
Contents 获得 HttpApplicationState 对 象 的 引用 
Count 获得 HttpApplicationState 集合 的 数量 
Item 通过 名 称 和 索引 访问 HttpApplicationState 集合 
Keys 获得 访 问 HttpApplicationState 集合 的 所 有 键 ， 从 NameObjectCollectionBase 继 
承 
StaticObjects 获得 所 有 使 用 <objecf> 标 签 声明 的 应 用 程序 集 对象 


表 3-7 Application 方法 列表 














方 ” 法 说 了 明 
Add 添加 一 个 新 的 对 象 到 HttpApplicationState 集合 
Clear 清除 HttpApplicationState 集合 中 的 所 有 对 象 
Get 通过 索引 和 名 字 获 得 HttpApplicationState 对 象 
GetKey 引 获 得 一 个 HttpApplicationState 名 称 
Lock 锁定 访问 HttpApplicationState 变量 
i 取消 锁定 ， 一 般 情况 下 需要 操作 Application 变量 则 设置 为 Lock， 操 作 完 成 后 则 设 

置 为 Unlock 
Remove 从 HttpApplicationState 集合 删除 一 个 对 象 
RemoveAll 删除 HttpApplicationState 集合 所 有 对 象 
RemoveAt 根据 索引 删除 一 个 HttpApplicationState 对 象 
Set 更 新 一 个 HttpApplicationState 变量 








下 面 对 该 对 象 常用 的 一 些 属性 和 方法 进行 说 明 。 
e。 Add 方法， 加 入 一 个 对 象 到 Application 对 象 的 Stat 集合 中 。 如 下 所 示 。 
Application.Add("stringl1","test") 
表示 向 Application 的 Stat 集合 中 加 入 一 个 名 为 stringl 的 值 为 test 的 字符 串 , 其 实 它 的 
效果 和 Application("string1")="test" 以 及 Application Item("sting1")="test" 是 一 样 的 。 
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Remove 方法 ， 根 据 给 出 的 标识 从 Application 对 象 的 Stat 集合 中 删 去 ， 如 下 所 示 。 





Application.Remove("sting1") 


表示 把 标识 为 stingl 的 共享 对 象 singl 从 Application 对 象 的 Stat 集合 中 删 去 。 使 用 它 
可 以 清除 用 Add 方法 添加 的 对 象 。 














RemoveAll 方法 ， 把 Application 对 象 Stat 本 的 所 有 对 象 清除 。 在 对 属性 的 使 
用 举例 中 ， 已 经 见 过 了 它 的 用 法 ， 但 是 需要 小 心 ， 不 提倡 使 用 它 ， 因 为 在 编程 中 





并 不 清楚 是 否 有 其 他 页 面 要 依赖 于 某 个 的 公用 变量 ， 一 旦 清除 将 造成 


不 可 预知 的 错误 。 
Clear 方法 ， 作 用 和 RemoveAll 方法 一 样 。 





Get 方法 ， 人 允许 使 用 名 字 标 识 或 者 是 下 标 来 取得 Application 对 象 Stat 集合 中 的 对 


象 元 素 。 如 下 所 示 。 


Tmp=Application.Get(0) 





Set 方法 ， 修 改 Application 对 象 Stat 集合 中 指定 标识 所 对 应 的 对 象 值 。 如 下 所 示 。 


Application("sting1","try") 


表示 把 开始 为 stingl 变量 设置 的 值 test 改 为 try。 

【 例 3-3】 在 线 统计 网 站 访问 人 数 ， 演 示 Application 对 象 一 些 方法 的 使 用 。 
(1) 在 WebSite3 网 站 中 添加 一 个 名 为 example3-3.aspx 的 网 页 。 

(2) 在 example3-3.aspx 页 面 的 <body> 中 添加 以 下 代码 。 


<form id=-"forml" runat="server"> 
<div> 
<p> 当 前 网 站 访问 人 数 是 : 
<asp:Label ID="labContent" runat="server" Text="Label"></asp:Label> 
</p> 
</div> 
</form> 


(3) 在 example3-3.aspx.cs 页 面 中 添加 下 面 代码 。 


(4) 程序 运行 效果 如 图 3-5 所 示 。 


3.3.4 


Session 对 象 的 作用 也 是 用 于 储存 特定 的 信息 , 但 是 
它 和 Application 对 象 在 储存 信息 所 使 用 的 对 象 是 完全 不 cap 
同 的 。Application 对 象 储存 的 是 共享 信息 ， 而 Session 网 3 多 aspx EE 


Protected void Page_Load(object sender, EventArgs e) 
{ 
Application.LockO: 
Application["usercount"] = (Convert.ToInt32(Application["usercount"]) + 1).ToStringO; 
Application.UnLock(); 
labContent.Text = Application["usercount"].ToStringO: 
b 


x 


Be hte//ocahost33 P - Bo 


Session 对 象 


当前 网 站 访问 人 数 是 ，2 























效果 








第 3 章 ASPNET Web 技术 简介 63 。 
储存 的 信息 是 局 部 的 ， 是 随 用 户 不 同 而 不 同 的 。 如 果 只 需要 在 不 同 页 中 共享 数据 ， 而 不 是 
需要 在 不 同 的 客户 端 之 间 共 享 数据 就 可 以 使 用 Session 对 象 。 
Session 的 生命 周期 是 有 限 的 (默认 值 为 20 分 钟 )， 它 可 以 使 用 Timeout 属性 进行 设置 。 
在 Session 的 生命 周期 内 ，Session 的 值 是 有 效 的 。 如 果 用 户 在 大 于 生命 周期 的 时 间 里 没有 








再 访问 应 用 程 


训 ，Session 就 会 自动 过 期 ，Session 对 象 将 会 被 CLR 释放 ， 其 储存 的 数据 信 
息 将 永远 不 再 存在 。Session 对 象 的 常用 属性 和 方法 如 表 3-8 和 表 3-9 所 示 。 


表 3-8 Session 对 象 常用 属性 列表 






































方 ” 法 说 明 
CodePage 获得 或 设置 字符 集 标识 
Contents 获得 当前 Session 状态 对 象 的 引用 

获得 当前 的 Cookie 模式 ， 以 确定 系统 是 否 要 将 Session 配置 为 不 需要 Cookie 
CookieMode a 
支持 
Count Session 站 全 从 总 数 
ee ， 如 果 需 要 就 可 以 将 Session ID 保存 在 Cookie 中 ， 如 果 
须 嵌 入 多 URL 中 

IsNewSession 标志 当前 Session 是 否 是 新 的 Session 
IsReadOnly 是 否 只 读 
IsSynchronized 是 否 百 同 和 
Item 
Keys 获得 Session 集合 计 三 3 和 
LCID 获得 和 设 新 Session 的 本 地 标识 符 
Mode 获得 当前 的 Session 模式 

获得 Session 的 唯一 编号 ， 为 了 区 别 不 同 的 会 话 ， 系 统 会 为 每 一 个 会 话 分 配 一 
SessionID A 

个 唯一 的 也 

a 获得 在 Global.asax 中 以 <object Runat="Server" Scope="Session" /> 声明 的 对 象 
StaticObjects 合 
Rd 获得 和 设置 会 话 超时 时 间 ， 如 果 客 户 端 在 连续 一 个 时 间 段 内 没有 反应 ， 就 自动 

清除 会 话 ， 断 开 连 接 ，Timeout 就 是 这 个 时 间 段 
表 3-9 Session 对 象 常 用 方法 列表 

方 ” 法 说 了 明 
Add 添加 一 个 新 对 象 到 HttpApplicationState 集合 
Clear 清除 HttpApplicationState 集合 中 的 所 有 对 象 
Get 通过 索引 和 名 字 获 得 HttpApplicationState 对 象 
Abandon 清除 当前 会 话 
Copyto 复制 Session 状态 集合 到 一 个 一 维 数组 
Remove 从 HttpApplicationState 集合 删除 一 个 对 象 
RemoveAll 删除 HttpApplicationState 集合 所 有 对 象 
RemoveAt 根据 索引 删除 一 个 HttpApplicationState 对 象 
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【 例 3-4】 演 示 Session 方法 的 使 用 。 
(1) 在 WebSite4 网 站 中 添加 名 为 example3-4-1.aspx 和 example3-4-3.aspx 的 两 个 网 页 。 
(2) 在 example3-4-1.aspx 的 <body> 中 添加 如 下 代码 。 





<form id="form1" runat="server"> 
<div> 
<p> 用 户 名 : 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 " /> 


(3) 在 example3-4-2.aspx 的 <body> 中 添加 如 下 代码 。 


<form id="form1" runat="server"> 
<div> 
<p> 用 户 名 : 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
</p> 
</div> 
</form> 


(4) 在 example3-4-1.aspx.cs 页 面 中 添加 如 下 代码 。 


protected void Page_Load(object sender, EventArgs e) 


{ 
if (TextBoxl.Text!="") 
{ 
Session["usermame"] = TextBox1.Text: 
Response.Redirect("example3-4-2.aspx"); 
} 


(5) 在 example3-4-2.aspx.cs 页 面 的 中 添加 如 下 代码 。 
protected void Page_ Load(object sender, EventArgs e) 


1f (Session["usemame"] != null) 


Labell .Text = Session["usemame"].ToString(); 
} 
else 
1 
// 请 输入 用 户 名 
Response.Redirect("example3-4-1.aspx"): 
} 


| 
(6) 程序 运行 效果 如 图 3-6 和 图 3-7 所 示 ， 从 图 中 可 以 看 到 利用 Session 对 象 可 以 存储 
用 户 的 相关 信息 ， 并 在 需要 时 进行 读 取 显 示 。 
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用 户 名 :Landy 




















图 3-6 example3-4-1.aspx 运行 效果 图 3-7 example3-4-2.aspx 运行 效果 


3.3.5 ”Server 对 象 


Server 对 象 即 服务 器 对 象 ， 就 是 在 服务 器 上 工作 的 一 个 对 象 ， 用 于 建立 COM 对 象 实 
例 、 处 理应 用 程序 错误 ， 在 页 面 之 间 传 递 控件 ， 获 取 最 新 出 错 信息 ， 对 HTML 进行 编码 和 
解码 等 。Server 对 象 提供 许多 访问 的 方法 和 属性 帮助 程序 有 序 地 执行 ， 主 要 属性 和 方法 如 
表 3-10 和 表 3-11 所 示 。 

















表 3-10 Server 对 象 常用 属性 





名 称 说 有明 
MachineName 获得 服务 器 计算 机 名 称 
ScriptTimeout 获得 和 设置 请 求 超时 的 事件 

表 3-11 Server 对 象 常用 方法 

方法 说 明 
CreateObject 建立 一 个 COM 组 件 对 象 的 实例 
Execute 执行 指定 资源 并 返回 
Transfer 结束 当前 页 执行 ， 转 到 其 他 页 执行 
HtmlEncode 进行 HTML 编码 
HtmlDecode 进行 HTML 解码 
MapPath 对 虚拟 目录 进行 物理 映射 
UrlEncode 进行 URL 编码 
UrlDecode 进行 URL 解码 


Server 对 象 的 一 个 重要 功能 是 对 字符 进行 URL 和 HTML 的 编码 和 解码 。URL 编码 的 
目的 是 保证 所 有 浏览 器 能 够 正确 地 传输 URL 路 径 ， 一 些 特殊 字符 如 ? 、 及 、/、 空 格 和 中 
文字 符 等 ， 在 传输 时 都 有 可 能 让 浏览 器 发 生 错 误 。 先 通过 编码 再 将 其 传输 ， 在 需要 使 用 时 
又 通过 解码 将 其 还 原 。HTML 编码 的 作用 是 将 所 有 字符 全 部 转化 为 HTML 中 能 够 用 来 显 
示 的 字符 。 例 如 ，<p> 这 样 的 字符 如 果 直 接 显示 就 是 一 个 段落 ， 如 果 转 换 以 后 就 会 变 成 
&ltp&gt; 浏览 时 就 可 以 正确 显示 出 <p>， 就 不 会 造成 一 些 错误 。 下 面 对 一 些 常 用 的 方法 进 
行 解释 。 

1. HtmlEncode、HtmlDecode 方法 


HtmlEncode 方法 的 作用 是 将 代码 中 的 HTML 标签 进行 了 转 码 ， 目 的 是 显示 这 段 源 代 
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码 ， 而 不 是 去 执行 它 。 

例如 ， 当 用 户 需 要 显示 一 个 <HTML> 时 ， 如 果 写 Response. Write("<html>"): 的 话 ， 是 不 

能 达到 目的 的 ， 需 要 如 下 这 样 来 写 才能 达到 目的 。 
Response Write Server HtmlEncode("<HTML>"); 

这 时 ， 查 看 源 文件 ， 就 可 以 看 到 ， 使 用 该 方法 已 经 把 <HIML> 字 符 串 转 换 成 为 
&lthtml&gt 。 但 是 ， 在 显示 时 还 是 显示 <HTML>， 这 样 ， 使 用 HtmlEncode 方法 就 可 以 让 
用 户 随心 所 欲 地 显示 用 户 所 要 显示 的 内 容 ， 而 不 会 和 用 户 的 页 面 混合 在 一 起 。 

HtmlDecode 方法 的 作用 与 HtmlEncode 方法 的 作用 正好 相反 , 它 会 将 被 HIML 编码 的 
代码 解码 ， 恢 复 代码 本 来 面目 。 

2. UrlIEncode、UrlDeconde 方法 

UrlEncode 方法 与 HtmlEncode 方法 类 似 ,将 指定 的 代码 以 URL 格式 进行 编码 ,把 URL 
中 的 所 有 特殊 字符 转化 成 为 非 功能 的 等 价 内 容 。 通 常 在 把 URL 作为 查询 字符 串 时 使 用 。 
用 下 面 的 方法 可 以 看 出 这 些 特定 的 字符 被 转化 成 的 内 容 。 

Response. Write(Server UrlEncode(http://www.abc.com)); 
执行 完成 后 ， 显 示 如 下 。 
http%3A%2F%2Fwww%2Eabc%2Ecom 

UrlDecode 和 UrlEncode 刚好 相反 ， 该 方法 将 URL 格式 代码 进行 解码 。 

3. MapPath 方法 

Server.MapPath 方法 将 虚拟 路 径 转 换 为 绝对 路 径 。 这 种 方法 在 需要 包含 或 执行 其 他 的 
文件 并 需要 制定 路 径 名 ， 但 路 径 名 又 常常 发 生变 化 的 情况 下 使 用 。 如 下 所 示 。 

StingsPath=Server.MapPath("/"): 





4. Transfer(path) 方 法 

终止 当前 程序 的 执行 ， 进 入 path 所 指 的 程序 。 该 方法 可 以 把 控制 传递 出 去 ， 可 以 把 原 
来 页 面 的 所 有 内 置 对 象 和 这 些 对 象 的 状态 都 传递 给 新 的 页 面 ， 如 Request 对 象 的 查询 字符 
串 。 使 用 这 种 方法 还 可 以 把 一 个 大 的 程序 划分 成 小 的 模块 ， 然 后 用 Transfer 方法 把 各 个 模 

5. Execute(path) 方 法 

在 当前 程序 中 执行 path 所 指定 的 程序 , 它 与 Transfer 方法 的 不 同 之 处 在 于 ,， 当 path 所 
指 的 程序 运行 完毕 后 ， 将 继续 执行 当前 程序 中 后 面 的 代码 。 


3.3.6 ViewState( 视 图 状态 ) 对 象 





ViewState 对 象 是 状态 管理 中 常用 的 一 种 对 象 , 可 以 用 来 保存 页 和 控件 的 值 , 下 面 对 其 
进行 介绍 。 
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1. ViewState 简介 

视图 状态 是 ASP.NET 页 框架 默认 情况 下 用 于 保存 往返 过 程 之 间 的 页 面 信息 以 及 控件 
值 的 方法 。 当 呈现 页 的 HTML 形式 时 , 需要 在 回 发 过 程 中 保留 的 页 的 当前 状态 和 值 将 被 序 
列 化 为 Base64 编码 的 字符 串 ， 并 输出 到 视图 状态 的 隐藏 字段 中 。 通 过 实现 自 定义 的 
PageStatePersiste 类 以 存储 页 数据 ， 也 可 以 更 改 默认 行为 并 将 视图 状态 存储 到 另 一 个 位 置 ， 
如 SQL Server 数据 库 。 

程序 员 可 以 通过 使 用 页 面 的 ViewState 属性 将 往返 过 程 中 的 数据 保存 到 Web 服务 器 
端 ， 然 后 利用 自己 的 代码 访问 视图 状态 。ViewState 属性 是 一 个 包含 密 钥 / 值 对 (其 中 包含 视 
图 状态 数据 ) 的 字典 。 

视图 状态 中 存储 的 常见 数据 类 型 有 : 字符 串 、 整 数 、 布 尔 值 、Array 对 象 、ArrayList 

2. 使 用 ViewState 时 的 注意 事项 


使 用 ViewState 可 以 带 来 很 多 方便 ， 但 是 也 有 一 些 问题 是 需要 注意 的 。 

e 视图 状态 提供 了 特定 ASP.NET 页 面 的 状态 信息 。 如 果 需 要 在 多 个 页 上 使 用 信息 ， 
或 者 需要 在 访问 网 站 时 保留 信息 ， 则 应 当 使 用 另 一 个 方法 (如 应 用 程序 状态 、 会 话 
状态 或 个 性 化 设置 ) 来 维护 状态 。 

e 视图 状态 信息 将 序列 化 为 XML， 然 后 使 用 Base64 编码 进行 编码 ， 这 将 生成 大 量 
的 数据 。 将 页 回 发 到 服务 器 时 ， 视 图 状态 信息 将 作为 页 回 发 信息 的 一 部 分 发 送 。 
如 果 视 图 状态 包含 大 量 信息 ， 则 会 影响 页 的 性 能 。 因 此 ， 建 议 使 用 一 些 典 型 数据 
来 测试 页 性 能 ， 确 定 视图 状态 的 大 小 是 否 是 导致 应 用 程序 性 能 问题 的 “瓶颈 ”。 

e ”虽然 使 用 视图 状态 可 以 保存 页 和 控件 的 值 ， 但 是 在 某 些 情况 下 ， 需 要 关闭 视图 状 
态 。 例 如 ， 使 用 GridView 控件 显示 数据 ， 单 击 GridView 控件 的 下 一 页 按钮 。 此 
时 ，GridView 控件 呈现 的 数据 已 经 不 再 是 前 一 页 的 数据 ， 那 么 如 果 使 用 视图 状态 
将 前 一 页 数据 保存 下 来 ， 不 仅 没有 必要 而 且 还 会 生成 大 量 隐 藏 字段 ， 增 大 页 面 的 
体积 ， 此 时 应 当 关 闭 视图 状态 以 移 除 由 GridView 控件 生成 的 大 量 隐 藏 字段 。 

另 一 个 重要 的 考虑 因素 是 ， 如 果 隐 藏 字段 中 的 数据 量 过 大 ， 某 些 代理 的 防火 墙 将 禁止 
访问 包含 这 些 数据 的 页 。 由 于 所 允许 的 最 大 数据 量 随 所 采用 的 防火 墙 和 代理 的 不 同 而 不 同 ， 
因此 大 量 隐藏 字段 可 能 会 导致 偶发 性 问题 。 为 了 帮助 避免 这 一 问题 ， 如 果 ViewState 属性 
中 存储 的 数据 量 超过 了 页 的 MaxPageStateFieldLength 属性 中 指定 的 值 ， 该 页 会 将 视图 状态 
拆 分 为 多 个 隐藏 字段 ， 可 以 使 每 个 单独 字段 的 大 小 在 防火 墙 拒绝 的 大 小 以 下 。 

【 例 3-5 演示 如 何 使 用 ViewState 对 象 ， 从 视图 状态 中 读 取 值 和 将 输入 的 新 值 保存 在 
视图 状态 中 ， 并 可 以 进行 读 取 显示 。 

(1) 在 WebSite3 网 站 中 添加 一 个 名 为 example3-5.aspx 的 网 页 。 

(2) 在 example3-5.aspx 中 添加 以 下 代码 。 


<form id="form]1" runat="server"> 
<div> 
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<asp:TextBox ID="TextBoxl" runat—"server" ViewStateMode="Enabled"></asp:TextBox> 
<br/> 
<asp:Button ID="Button1" runat="server"” Text=" 保 存 ViewState 中 的 值 " 
ViewStateMode="Enabled" OnClick="Buttonl Click"/> 
<br/> 
<asp:Label ID="Labell" runat="server" Text="Label" 
ViewStateMode="Enabled"></asp:Label> 
<br> 
<asp:Button ID="Button2" runat="server" Text=" 读 取 ViewState 中 的 值 " 
ViewStateMode="Enabled" OnClick="Button2 Click" /> 
</div> 
</form> 


(3) 在 example3-5.aspx.cs 页 面 中 添加 下 面 代码 。 


public partial class Default2 : System. Web.UI.Page 


{ 
string VSString = "basketball"; 
protected void Page_Load(object sender, EventArgs e) 
{ 
1f (!Page.IsPostBack) 
ViewState.Add("favorite", VSString); 
} 
1 
protected void Button1 Click(object sender, EventArgs e) 
VSString =this.TextBoxl.Text: 
ViewState["favorite"] = VSString; 
) 
protected void Button2_Click(object sender, EventArgs e) 
{ 
if (ViewState["favorite"] != nulD) 
t 
this.Labell.Text = ViewState["favorite"].ToString(); 
} 
else 
a 
this Labell.Text = "查看 的 ViewState 值 不 存在 "; 
b 
} 
} 


(4) 程序 运行 效果 如 图 3-8 和 图 3-9 所 示 。 
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图 3-8 读 取 ViewState 中 的 初 值 图 3-9 读 取 ViewState 中 新 保存 的 值 
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3.3.7 ”Cookie 对 象 

Cookie 对 象 是 比较 常用 的 一 种 对 象 ， 可 以 用 来 保存 一 些 常用 的 信息 。 

1. Cookie 对 象 简介 

Cookie 俗称 “小 甜 饼 ”， 通 常 是 用 于 存储 少量 的 浏览 者 的 信息 ， 如 浏览 者 的 喜好 、 用 
户 名 、 Email 地 址 等 信息 , 以 便于 当 浏 览 者 再 次 登录 网 站 时 , 不 必 再 次 填写 这 些 信息 。 Cookie 
其 实 只 是 一 些小 文本 ， 将 一 些 用 户 信息 储存 在 客户 端的 机 器 中 ， 它 全 部 存储 于 Windows 
目录 下 的 Cookie 文件 夹 中 ， 以 便于 在 每 次 请 求 时 被 服务 器 在 设 定 的 时 期 内 进行 读 取 。 
Cookie 的 储存 大 小 是 有 限制 的 ， 一 般 浏览 器 会 将 其 大 小 控制 在 4096 个 字 节 以 内 。 
Cookie 与 网 站 关联 ， 而 不 是 与 特定 的 页 面 关 联 。 因 此 ， 无 论 用 户 请 求 站 点 中 的 哪 一 个 
， 浏 览 器 和 服务 器 都 将 交换 Cookie 信息 。 用 户 访问 不 同 站 点 时 ， 各 个 站 点 都 可 能 会 向 
用 户 的 浏览 器 发 送 一 个 Cookie， 浏 览 器 会 分 别 存储 所 有 Cookie。 
每 次 用 户 访问 站 点 时 ，Web 应 用 程序 都 可 以 读 取 Cookie 信息 。 当 用 户 请 求 站 点 中 的 
页 面 时 , 应 用 程序 发 送 给 该 用 户 的 不 仅仅 是 一 个 页 面 , 还 有 一 个 包含 日 期 和 时 间 的 Cookie， 
用 户 的 浏览 器 在 获得 页 面 的 同时 也 获得 了 该 Cookie， 并 将 它 存储 在 用 户 硬盘 上 的 文件 夹 
中 。 以 后 ， 如 果 该 用 户 再 次 请 求 站 点 中 的 页 面 ， 当 该 用 户 输入 URL 时 ， 浏 览 器 便 会 在 本 
地 硬盘 上 查找 与 该 URL 关联 的 Cookie。 例 如 , 当 用 户 登 录 某 些 网 站 的 邮箱 后 ,如 果 在 Cookie 
中 记录 了 用 户 名 这 个 信息 , 那么 在 Cookie 信息 失效 以 前 , 该 用 户 在 同一 台 计 算 机 再 次 登录 
时 就 不 需要 提供 用 户 名 。 

2. Cookie 的 限制 

大 多 数 浏览 器 支持 最 大 为 4096 字 节 的 Cookie。 由 于 这 限制 了 Cookie 的 大 小 ， 最 好 用 
Cookie 来 存储 少量 数据 , 或 者 存储 用 户 ID 之 类 的 标识 符 。 用 户 ID 随后 便 可 用 于 标识 用 户 ， 
以 及 从 数据 库 或 其 他 数据 源 中 读 取 用 户 信息 。 

浏览 器 还 限制 站 点 可 以 在 用 户 计 算 机 上 存储 的 Cookie 的 数量 。 大 多 数 浏览 器 只 允许 每 
个 站 点 存储 20 个 Cookie， 如 果 试 图 存储 更 多 的 Cookie， 则 存放 最 早 的 Cookie 便 会 被 覆盖 
掉 。 有 些 浏览 器 还 会 对 它们 将 接受 的 来 自 所 有 站 点 的 Cookie 总 数 做 出 绝对 限制 ， 通 常 为 
300 个 。 另 外 一 个 可 能 遇 到 的 Cookie 限制 是 用 户 可 以 将 其 浏览 器 设置 为 拒绝 接受 Cookie。 

3. 读 取 Cookie 


浏览 器 向 服务 器 发 出 请 求 时 ， 会 随 请 求 一 起 发 送 该 服务 器 的 Cookie。 在 ASP.NET 应 
用 程序 中 ， 可 以 使 用 HttpRequest 对 象 读 取 Cookie， 该 对 象 可 用 作 Page 类 的 Request 属性 
使 用 。HttpRequest 对 象 的 结构 与 HttpResponse 对 象 的 结构 基本 相同 ， 因 此 ， 可 以 从 
HttpRequest 对 象 中 读 取 Cookie， 并 且 读 取 方 式 与 将 Cookie 写 入 HttpResponse 对 象 的 方式 
基本 相同 。 
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4. 修改 和 删除 Cookie 
服务 器 不 能 直接 修改 Cookie。 如 果 要 修改 Cookie， 必 须 首 先 创建 一 个 具有 新 值 的 新 
Cookie。 如 下 所 示 。 
HttpCookie cookie=new HttpCookie("hello") 
建立 起 一 个 名 为 hello 的 HttpCookie 实例 。 
建立 实例 后 ， 将 给 其 赋值 。 在 一 个 Cookie 中 可 以 储存 一 个 值 ， 也 可 以 储存 多 个 值 。 通 
过 设置 Cookie 的 Value 属性 值 ， 可 以 在 Cookie 中 储存 一 个 值 。 代 码 如 下 。 





Cookie.Value="test" 
通过 Cookie 的 Values 集合 ， 可 以 在 同一 个 Cookie 中 储存 多 个 值 。 代 码 如 下 。 


HttpCookie cookie=new HttpCookie("test"); 
Cookie.Values.Add("Admin", " 刘 —"); 
Cookie.Values.Add("Member1", " 李 四 "):; 
Cookie .Values.Add("Member2", " 王 五 "): 
Cookie .Values.Add("Member3", " 张 三 "); 
Values 集合 使 用 的 Add 方法 中 第 一 个 参数 为 关键 字 (Key)， 第 二 个 参数 是 设置 的 值 
(Value)。 
删除 Cookie 是 修改 Cookie 的 一 种 形式 。 由 于 Cookie 在 用 户 计算 机 中 ， 因 此 无 法 将 其 
直接 移 除 。 但 是 ， 可 以 让 浏览 器 来 删除 Cookie， 该 技术 是 创建 一 个 与 要 删除 的 Cookie 同 
名 的 新 Cookie， 并 将 该 Cookie 的 到 期 日 期 设置 为 过 去 的 某 个 日 期 ， 当 浏览 器 检查 Cookie 
的 到 期 日 期 时 ， 浏 览 器 便 会 丢弃 这 个 现 已 过 期 的 Cookie。 


5. 确定 浏览 器 是 否 接受 Cookie 

用 户 可 将 其 浏览 器 设置 为 拒绝 接受 Cookie。 虽 然 不 能 向 客户 端 写 入 Cookie 信息 ， 但 
是 不 会 引发 任何 错误 。 同样 ， 浏 览 器 也 不 向 服务 器 发 送 有 关 其 当前 Cookie 设置 的 任何 信息 。 
确定 Cookie 是 否 被 接受 的 一 种 方法 时 尝试 编写 一 个 Cookie， 然 后 再 尝试 读 取 该 Cookie。 
如 果 无 法 读 取 已 编写 的 Cookie， 则 可 以 假定 浏览 器 不 接受 Cookie。 

【 例 3-6】 通 过 一 个 例子 来 说 明 如 何 编写 Cookie 与 读 取 Cookie。 

(1) 在 WebSite3 网 站 中 添加 一 个 名 为 example3-6.aspx 的 网 页 ， 其 <body> 标 记 中 的 内 
容 如 下 。 

(2) 在 example3-6.aspx.cs 页 面 中 添加 如 下 代码 。 


protected void Button1 _Click(object sender, EventArgs e) 

{ 
Response.Cookies["userName"].Value = "BUAA University": 
Response.Cookies["userName"].Expires = DateTime.Now.AddDays(1); 
了 this.Labell.Text=" 写 入 完毕 !"; 

protected void Button2 Click(object sender, EventArgs e) 
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{ 
Hf(Request.Cookies["userName"] := nulD) 
a 
Labell .Text = Server.HtmlEncode(Request.Cookies["userName"].Value); 
b 


(3) 程序 运行 效果 如 图 3-10 和 图 3-11 所 示 。 
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图 3-10” ”example3-6.aspx 写 cookie 运行 效果 图 3-11 ”example3-6.aspx 读 cookie 运行 效果 


3.4 ASP.NET 配置 管理 


使 用 ASP.NET 配置 系统 的 功能 ， 可 以 配置 整个 服务 器 上 的 所 有 ASP.NET 应 用 程序 、 
单个 ASP.NET 应 用 程序 和 各 个 页 面 或 应 用 程序 子 目 录 ， 也 可 以 配置 各 种 具体 的 功能 ， 如 
身份 验证 模式 、 页 缓存 、 编 译 器 选项 、 自 定义 错误 、 调 试 和 跟踪 选项 等 。 


3.4.1 web.config 文件 介绍 


ASP.NET 提供 了 一 个 丰富 而 可 行 的 配置 系统 , 以 帮助 管理 人 员 轻 松 快速 地 建立 自己 的 
Web 应 用 环境 。 

Web 配置 文件 web.config 是 Web 应 用 程序 的 数据 设 定 文件 ， 它 是 一 份 XML 文件 ， 内 
含 Web 应 用 程序 相关 设 定 的 XML 标记 ， 可 以 用 来 简化 ASPNET 应 用 程序 的 相关 设 定 。 
该 文件 位 于 Web 应 用 程序 的 任何 目录 中 ， 统 一 命名 为 web.config， 它 决定 了 所 在 目录 及 其 
子 目 录 的 配置 信息 ， 并 且 子 目录 下 的 配置 信息 覆盖 其 父 目录 的 配置 ， 即 子 目 录 如 果 没 有 
web.config 文件 ， 就 是 继承 父 目录 web.config 文件 的 相关 设 定 ; 如 果子 目录 有 web.config 
文件 ， 就 会 覆盖 父 目 录 web.config 文件 的 相关 设 定 。 在 运行 状态 下 ，ASP.NET 会 根据 远程 
URL 请 求 ， 把 访问 路 径 下 的 各 个 web.config 配置 文件 合 加 ， 产 生 一 个 唯一 的 配置 集合 。 

举例 来 说 ， 一 个 对 URL:http://localhost\Wwebsite\ownconfig\test.aspx 的 访问 ，ASP.NET 
会 根据 以 下 顺序 来 决定 最 终 的 配置 情况 : 

(1) .Microsoft.NET\Framework\{version}\web.config (默认 配置 文件 ) 

(2) .webapp\web.config( 应 用 的 配置 ) 

(3) \webapp\ownconfigvweb.config( 自 己 的 配置 ) 

web.config 是 aspx 区 别 于 asp 的 一 个 方面 ,用 户 可 以 用 这 个 文件 配置 自己 的 很 多 信息 。 
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ASPNET 允许 配置 内 容 可 以 和 静态 内 容 、 动 态 页 面 和 商业 对 象 放置 在 同一 应 用 的 目录 结构 
下 。 当 管理 人 员 需 要 安装 新 的 ASPNET 应 用 时 ， 只 需要 将 应 用 目录 复制 到 新 的 机 器 上 即 可 。 
ASPNET 的 配置 系统 具有 以 下 优点 。 
e ASPNET 的 配置 内 容 以 纯 文本 方式 保存 , 可 以 以 任意 标准 的 文本 编辑 器 、XML 解 
析 器 和 脚本 语言 解释 、 修 改 配置 内 容 。 
e ASPNET 提供 了 扩展 配置 内 容 的 架构 ， 以 支持 第 三 方 开发 者 配置 自己 的 内 容 。 
e ASPNET 配置 文件 的 更 改 被 系统 自动 监控 ， 无 须 管理 人 员 手 工 干预 。 


3.4.2 配置 文件 的 语法 规则 





1. 标识 


配置 内 容 被 置 于 web.config 文件 中 的 标记 <configuration> 和 </configuration> 之 间 。 
格式 如 下 。 


<configuration> 
配置 内 容 


</configuration> 


2. 配置 段 


具体 定义 配置 的 内 容 ， 以 供应 用 使 用 。Web 配置 文件 是 一 份 XML 文件 ， 在 XML 标 
记 的 属性 就 是 设 定 值 ， 标 记名 称 和 属性 值 格 式 是 字符 串 ， 第 一 个 开头 字母 是 小 写 ， 之 后 每 
- 字 头 是 大 写 ， 例 如 <appSetting>。Web 配置 文件 的 范例 如 下 所 示 。 
以 下 例子 定义 了 一 个 httpmodules 配置 段 ， 设 置 了 系统 http 相关 的 处 理 模块 。 


<configuration> 

<appSettings> 

<add key="dbType" value="Access Database"/> 

</appsettings> 

<connectionsStrings> 
<add name="provider" 
connectionString="Microsoft.Jet.OLEDB.4.0;"/> 
<add name="database" 
connectionString="/chart7/Exam.mdb"/> 
</connectionsStrings> 

<system.web> 
<sessionState cookieless="false" timeout="10"/> 
<compilation defaultLanguage="C#" debug="true"/> 
<globalization 
fileEncoding="gb2312" 
requestEncoding="gb2312" 
culture= "zh-CN"/> 
<customErrors mode="RemoteOnly"/> 
</system.web> 

</configuration> 
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可 以 看 到 ， 在 这 段 配置 信息 当中 这 是 一 个 基于 XML 格式 的 文件 ， 根 标记 是 
<configuration>， 所 有 的 配置 信息 均 被 包括 在 <configuration> 及 </configuration> 标 签 中 间 ， 

其 子 标记 <appSettings> 、 <connectionsStrings> 和 <system.web> 是 各 设 定 区 段 。 在 
<system.web> 下 的 设 定 区 段 属 于 ASPNET 相关 设 定 。 

在 Web 配置 文件 的 <appSettings> 区 段 可 以 创建 ASPNET 程序 所 需要 的 参数 ， 每 个 
<add> 标 记 可 以 创建 一 个 参数 ， 属 性 key 是 参数 名 称 ，value 是 参数 值 。ASP.NET 2.0 以 后 
新 增 <connectionStrings> 区 段 ， 可 以 指定 数据 库 连接 字符 串 ， 在 <connectionStrings> 标 记 的 
<add> 子 标记 也 可 以 创建 连接 字符 串 ， 属 性 name 是 名 称 ，connectionStrings 是 连接 字符 串 
的 内 容 ， 表 3-12 列 出 了 常用 设 定 区 段 标记 的 说 明 。 


















































表 3-12 常用 设 定 区 段 标记 说 明 




















设 定 区 段 说 有 明 
<AnonymousIdentification> 控制 Web 应 用 程序 的 匿名 用 户 
<Authentication> 设 定 ASP.NET 的 验证 方式 
<Authorization> 设 定 ASP.NET 用 户 授 权 
<BrowserCaps> 设 定 浏览 程序 兼容 组 件 HttpBrowserCapabilities 
<Compilation> 设 定 ASP.NET 应 用 程序 的 编译 方式 
<CustomErrors> 设 定 ASP.NET 应 用 程序 的 自动 错误 处 理 
<Globalizations> 关于 ASP.NET 应 用 程序 的 全 球 化 设 定 ， 也 就 是 本 地 化 设 定 
<HttpHandlers> 设 定 HTTP 处 理 是 对 应 到 URL 请 求 的 HttpHandler 类 
<HttpModules> 创建 \ 删 除 或 清除 ASP.NET 应 用 程序 的 HITP 模块 
i 设 定 ASP.NET HTTP 运行 时 的 配置 ， 这 些 配 置 决定 如 何 处 理 对 

ASP.NET 应 用 程序 的 请 求 

9 设 定 在 使 用 窗 体 基 础 验证 的 Cookie 数据 时 ， 用 来 加 码 和 解码 的 金 钥 
<MachineKey> 是 
< Membership> 设 定 ASPNET 的 Membership 机 制 
<Pages> 设 定 ASPNET 程序 的 相关 设 定 ， 即 Page 指引 命令 的 属性 
<Profile> 设 定 个 人 化 信息 的 Profile 对 象 
<Roles> 设 定 ASP.NET 的 角色 管理 
<SessionState> 设 定 ASP.NET 应 用 程序 的 Session 状态 HttpModule 
<SiteMap> 设 定 ASP.NET 网 站 导航 系统 
<WebParts> 设 定 ASP.NET 应 用 程序 的 网 页 组 件 
<WebServices> 设 定 ASPNET 的 Web 服务 


3.4.3 ”Global.asax 文件 介绍 

作为 网 络 应 用 程序 ， 程 序 在 执行 之 前 有 时 需要 初始 化 一 些 重 要 的 变量 ， 而 且 这 些 工 作 
必须 发 生 在 所 有 程序 执行 之 前 ，ASPNET 的 Global.asax 文件 便 是 为 此 目的 而 设计 的 。 每 
个 ASPNET 应 用 程序 都 可 以 有 一 个 Globalasax 文件 。 一 旦 将 其 放 在 适当 的 虚拟 目录 中 
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ASPNET 就 会 把 它 识别 出 来 并 且 会 自动 使 用 该 文件 。 

另外 ， 由 于 Global.asax 在 网 络 应 用 程序 中 的 特殊 地 位 ， 它 被 存放 的 位 置 也 是 固定 的 。 
必须 存放 在 当前 应 用 所 在 的 虚拟 目录 的 根 目录 下 。 如 果 放 在 虚拟 目录 的 子 目 录 中 ， 
Global.asax 文件 将 不 会 起 任何 作用 。 

ASPNET 在 应 用 程序 中 添加 了 “全 局 应 用 程序 类 ”， 也 就 是 Global.asax。 该 文件 是 应 
用 程序 用 来 保持 应 用 程序 级 的 事件 、 对 象 和 变量 的 。 一 个 ASPNET 应 用 程序 只 能 有 一 个 
Global.asax 文件 ， 位 于 应 用 程序 根 目录 下 。 

默认 添加 的 Globalaspx 文件 如 下 所 示 。 









































<%@ Application Language="C#"%> 
<script runat="server"> 
void Application Start(object sender,EventArgs e) 


// 在 应 用 程序 启动 时 运行 的 代码 


1 
void Application End(object sender, EventArgs e) 
/在 应 用 程序 关闭 时 运行 的 代码 

1 


void Application Error(object sender, EventArgs e) 
/在 出 现 未 处 理 的 错误 时 运行 的 代码 


void Session_Start(object sender, EventArgs e) 


{ 
// 在 新 会 话 启动 时 运行 的 代码 
yy 
</script> 


在 窗 体 页 中 ， 只 能 处 理 单个 页 面 的 事件 ， 而 在 Global.asax 文件 中 可 以 处 理 整个 应 用 程 
序 中 的 事件 。 除了 上 述 代 码 模 板 中 列举 的 事件 以 外 ， 在 Global.asax 文件 中 还 可 以 加 入 其 他 
事件 的 处 理 函数 。 如 表 3-13 所 示 的 是 可 以 在 Global.asax 中 处 理 的 事件 。 

表 3-13 ”Global.asax 中 处 理 的 事件 


事件 说 了 明 





在 应 用 程序 接收 到 第 一 个 请 求 时 调用 , 通常 在 此 函数 中 定义 应 用 程 


Application Start 
Ee 序 级 变量 或 状态 





类 似 与 Application_Start， 不 过 是 针对 每 个 客户 端 第 一 次 访问 应 用 
程序 时 调用 

虽然 在 VWD 的 代码 模板 中 没有 该 事件 的 处 理 ， 不 过 可 以 在 
Global.asax 中 添加 。 该 事件 是 在 每 个 请 求 到 达 服 务 器 ， 并 且 在 处 理 
该 请 求 前 ， 会 触发 的 事件 


Session Start 





Application BeginRequest 








每 个 请 求 都 会 触发 该 事件 , 并 且 可 以 在 此 函数 中 设置 自 定义 的 验证 





Application AuthenticateRequest 





在 应 用 程序 中 抛 出 任何 错误 时 都 会 触发 该 事件 。 通常 在 此 函数 中 提 


lication El 
供应 用 程序 级 的 错误 处 理 或 者 记录 错误 事件 
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( 续 表 ) 
事件 说 明 
以 进程 内 模式 使 用 会 话 状 态 时 ， 如 果 用 户 离开 应 用 程序 将 会 触发 


Session End 该 事件 
应 用 程序 关闭 时 触发 该 事件 。 该 函数 很 少 使 用 ， 因 为 ASPNET 可 
以 很 好 地 关闭 和 清除 内 存 对 象 





Application End 





与 页 面 指令 一 样 ，Global.asax 文件 也 可 以 使 用 应 用 程序 指令 ， 这 些 指令 都 可 以 包含 特 
定 于 该 指令 的 一 个 或 多 个 属性 / 值 对 。 下 面 列 出 了 ASP.NET 中 支持 的 应 用 程序 指令 。 
。 @Application: 定义 ASPNET 应 用 程序 编译 器 所 使 用 的 应 用 程序 特定 的 属性 。 该 
指令 只 能 在 Global.asax 文件 中 使 用 。 
。 @Import 显 式 将 命名 空间 导入 到 应 用 程序 中 。 
。 @Assembly: 在 分 析 时 将 程序 集 链 接 到 应 用 程序 。 














3.5 本 章 小 结 


本 章 内 容 是 认识 了 解 使 用 ASPNET 的 一 个 关键 点 。 在 用 ASP.NET 进行 程序 开发 时 ， 
其 代码 组 织 模式 和 页 面 的 对 象 模型 往往 会 贯穿 整个 开发 过 程 ， 了 解 其 基本 运作 方式 有 利于 
项 目的 顺利 开发 。 

本 章 主要 介绍 ASPNET 网 站 技术 基础 ， 内 容 包括 ASPNET 文件 类 型 ， 文 件 夹 等 ; 页 
面 管理 基本 技术 , 包括 页 面 代码 模式 , 页 面 的 往返 与 处 理 , 页 面 的 生命 周期 以 及 相关 的 事件 、 
方法 ,页面 指令 等 , ASPNET 的 常用 内 置 函数 介绍 ,包括 Response、Request、Application、 
Session、Server、ViewState、Cooke; ASP.NET 配置 管理 ， 包 括 Web.config 和 Global.asax 
的 配置 。 学 习 完 本 章 内 容 后 ， 读 者 应 能 掌握 ASP.NET 网 站 目录 结构 及 作用 。 


3.6 思考 和 练习 


1. ASP.NET 网 站 目录 中 ， 有 哪些 特殊 的 目录 ? 

2. 常用 的 页 面 代码 模式 有 几 种 ?请 简单 叙述 。 

3. 请 谈 谈 页 面 往返 和 处 理 的 机 制 。 

4. ASP.NET 的 常用 内 置 对 象 有 哪些 ? 功能 如 何 ? 

5. 请 开发 者 谈 谈 对 Web.config 和 Global.asax 的 理解 。 
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C# 是 NET 平台 下 最 重要 的 语言 ， 也 是 微软 技术 体系 中 最 受 欢 迎 的 语言 。 微 软 在 .NET 
中 为 C# 提 供 了 大 量 的 新 特性 ， 以 帮助 开发 人 员 快 速 、 准 确 、 灵 活 地 实现 各 种 业务 功能 ， 并 
满足 多 种 环境 下 的 开发 需求 。 本章 将 讲解 C# 中 最 基本 的 语法 知识 , 这 些 语 法 知识 可 以 为 开 
发 人 员 打 下 坚实 的 开发 基础 , 以 便 更 好 地 使 用 C# 语 言 去 开发 基于 C# 语 言 的 Web 应 用 程序 。 
为 了 讲解 C# 语 法 知识 ， 本 章 将 使 用 Microsoft Visual Studio 2012 作为 环境 进行 介绍 。 














本 章 的 学 习 目 标 : 

掌握 变量 、 常 量 和 表达 式 的 使 用 。 

掌握 算术 、 关 系 、 逻 辑 、 赋 值 运 算 符 的 使 用 及 优先 级 对 运算 顺序 的 影响 。 
掌握 让 、switch、for、foreach、while 流程 控制 语句 的 使 用 。 

掌握 方法 的 定义 、 参 数 、 返 回 值 、 重 载 等 操作 。 

掌握 面向 对 象 编程 中 的 类 、 对 象 、 接 口 的 使 用 以 及 继承 、 多 态 的 概念 。 


4.1 C# 语 言 特点 


Microsoft.NET( 以 下 简称 .NET) 框 架 是 微软 提出 的 新 一 代 Web 软件 开发 模型 ，C# 语 言 
是 .NET 框架 中 新 一 代 的 开发 工具 。C# 语 言 是 一 种 现代 、 面 向 对 象 的 语言 ， 它 简化 了 C++ 
语言 在 类 、 命 名 空间 、 方 法 重 载 和 异常 处 理 等 方面 的 操作 ， 它 据 弃 了 C++ 的 复杂 性 ， 更 易 
使 用 ， 更 少 出 错 。 它 使 用 组 件 编程 ， 和 VB 一 样 容易 使 用 。C# 语 法 和 C++ 和 JAVA 语法 非 
常 相似 ， 如 果 读 者 用 过 CHH+ 和 JAVA， 学习 CH 语言 应 是 比较 轻松 的 。 
用 C# 语 言 编写 的 源 程序 ,必须 用 C# 语 言 编译 器 将 C## 淹 程序 编译 为 中 间 语 言 (MicroSoft 
Intermediate Language， 简 称 MSIL) 代 码 ， 形 成 扩展 名 为 exe 或 dl 文件 。 中 间 语 言 代 码 不 
是 CPU 可 执行 的 机 器 码 ， 在 程序 运行 时 ， 必 须 由 通用 语言 运行 环境 (Common Language 
Runtime, 简称 CLR) 中 的 即时 编译 器 (JUST IN Time, 简称 IT) 将 中 间 语 言 代码 翻译 为 CPU 
可 执行 的 机 器 码 , 由 CPU 执行 。 CLR 为 C#i 香 言 中 间 语 言 代 码 运行 提供 了 一 种 运行 时 环境 ， 
C# 语 言 的 CLR 和 JAVA 语言 的 虚拟 机 类 似 。 这 种 执行 方法 使 运行 速度 变 慢 ， 但 带 来 其 他 

- 些 好 处 ， 主 要 如 下 。 

e 通用 语言 规范 (Common Language Specification， 简 称 CLS): .NET 系统 包括 C#、 
C++、VB、 开 语言， 他们 都 遵守 通用 语言 规范 。 任 何 遵守 通用 语言 规范 的 语言 源 
程序 ， 都 可 编译 为 相同 的 中 间 语 言 代 码 ， 由 CLR 负责 执行 。 只 要 为 其 他 操作 系统 
编制 相应 的 CLR， 中 间 语 言 代码 也 可 在 其 他 系统 中 运行 。 
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自动 内 存 管理 : CLR 内 建 垃圾 收集 器 ， 当 变量 实例 的 生命 周期 结束 时 ， 垃 圾 收集 
器 负责 收回 不 被 使 用 的 实例 占用 的 内 存 空间 。 不 必 像 C 和 C++ 语言 ， 用 语句 在 堆 
中 建立 的 实例 ， 必 须 用 语句 释放 实例 占用 的 内 存 空间 。 也 就 是 说 ，CLR 具有 自动 
内 存 管 理 功能 。 

交叉 语言 处 理 : 由 于 任何 遵守 通用 语言 规范 的 语言 源 程序 ， 都 可 编译 为 相同 的 中 
间 语 言 代码 ， 不 同 语言 设计 的 组 件 ， 可 以 互相 通用 ， 可 以 从 其 他 语言 定义 的 类 派 
生出 本 语言 的 新 类 。 由 于 中 间 语 言 代码 由 CLR 负责 执行 ， 因 此 异常 处 理 方法 是 一 
致 的 ， 这 在 调试 一 种 语言 调用 另 一 种 语言 的 子 程序 时 ， 显 得 特别 方便 。 

增加 安全 : C# 语 言 不 支持 指针 ， 一 切 对 内 存 的 访问 都 必须 通过 对 象 的 引用 变量 来 
实现 ， 只 允许 访问 内 存 中 允许 访问 的 部 分 ， 这 就 防止 病毒 程序 使 用 非法 指针 访问 
私有 成 员 。 也 避免 指针 的 误 操作 产生 的 错误 。CLR 执行 中 间 语 言 代码 前 ， 要 对 中 
间 语 言 代码 的 安全 性 ， 完 整 性 进行 验证 ， 防 止 病毒 对 中 间 语 言 代码 的 修改 。 
版 本 支持 : 系统 中 的 组 件 或 动态 链接 库 可 能 要 升级 ， 由 于 这 些 组 件 或 动态 联接 库 
都 要 在 注册 表 中 注册 ， 由 此 可 能 带 来 一 系列 问题 。 例 如 ， 安 装 新 程序 时 自动 安装 
新 组 件 替 换 旧 组 件 ， 有 可 能 使 某 些 必须 使 用 旧 组 件 才 可 以 运行 的 程序 ， 使 用 新 组 
件 运行 不 了 。 在 . NET 中 这 些 组 件 或 动态 联接 库 不 必 在 注册 表 中 注册 ， 每 个 程序 都 
可 以 使 用 自 带 的 组 件 或 动态 联接 库 ， 只 要 把 这 些 组 件 或 动态 联接 库 放 到 运行 程序 
所 在 文件 夹 的 子 文件 夹 bin 中 ,运行 程序 就 自动 使 用 在 bin 文件 夹 中 的 组 件 或 动态 
联接 库 。 由 于 不 需要 在 注册 表 中 注册 ， 软 件 的 安装 也 变 得 容易 了， 一 般 将 运行 程 
序 及 库 文件 复制 到 指定 文件 夹 中 就 可 以 了 。 

完全 面向 对 象 : 不 像 C++ 语言 ， 即 支持 面向 过 程 程序 设计 ， 又 支持 面向 对 象 程序 
设计 ，C# 语 言 是 完全 面向 对 象 的 ， 在 C# 中 不 再 存在 全 局 函数 、 全 局 变量 ， 所 有 的 
函数 、 变 量 和 常量 都 必须 定义 在 类 中 ， 避 免 了 命名 冲突 。C# 语 言 不 支持 多 重 继承 。 














4.2 ”建立 C# 应 用 程序 


为 了 方便 讲解 C# 语 言 ， 本 节 先 来 展现 使 用 VS 创建 C# 应 用 程序 。 

(1) 启动 VS。 

(2) 选择 【文件 】|【 新 建 】|【 项 目 】 命 令 ， 打 开 【 新 建 项 目 】 对 话 框 。 

在 【模板 】| Visual C# 下 选择 Windows 选项 ， 然 后 在 中 间 窗 格 选择 【控制 台 应 用 程序 】 
选项 。 设置 【名 称 】、【 位 置 】 和 【解决 方案 名 称 】 等 ， 其 他 选项 默认 不 变 。 设 置 如 图 4-1 


所 示 。 








(3) 单 击 【确定 】 按 钮 ， 生 成 项 目 文件 。 修 改 其 中 的 Program.cs 文件 如 下 ， 加 粗 部 分 
是 新 增加 的 语句 ， 其 余 是 集成 环境 自动 生成 的 。 


using System 
using System.Collections.Generic: 
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using System.Ling:; 
using System.Text: 
Using System.Threading. Tasks; 


namespace ConsoleApplication1 


{ 
class Program 
{ 
protected inti = 10;// 声 明 一 个 名 为 i 的 整 型 变量 ， 在 声明 的 同时 赋值 为 10 
static void Main(string[] args) 
{ 
Program p = new Program(); 
pi=20;// 为 变量 i 赋值 
Console.WriteLine(pi);// 读 取 变 量 i 的 值 
Console.ReadKey(); 
Bb 
1 
j 
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图 4-1 【新 建 项 目 】 对 话 框 

(4) 按 Ctrl+F5 组 合 键 ， 运 行程 序 ， 屏 幕 上 

出 现 一 行 字符 ， 如 图 4-2 所 示 ， 提 示 用 户 输入 任 
意 字符 并 按 下 Enter 键 返 回 。 





图 4-2 程序 运行 结果 


4.3 类 





C# 语 言 是 一 种 现代 、 面向 对 象 的 语言 。 面向 对 象 程序 设计 方法 提出 了 一 个 全 新 的 概念 : 
类 。 它 的 主要 思想 是 将 数据 (数据 成 员 ) 及 处 理 这 些 数 据 的 相应 方法 (函数 成 员 ) 封 装 到 类 中 ， 
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类 的 实例 则 称 为 对 象 。 这 就 是 人 们 常 说 的 封装 性 。 
4.3.1 类 的 基本 概念 


类 可 以 认为 是 对 结构 的 扩充 。 类 中 不 但 可 以 包括 数据 ， 还 包括 处 理 这 些 数据 的 函数 。 
类 是 对 数据 和 处 理 数据 的 方法 (函数 ) 的 封装 。 类 是 对 某 一 类 具有 相同 特性 和 行为 的 事物 的 
描述 。 例 如 ， 定 义 一 个 描述 个 人 情况 的 类 Person 如 下 。 








using System: 
class Person// 类 的 定义 ，class 是 保留 字 ， 表 示 定 义 一 个 类 ，Person 是 类 名 
{ 

private string name=" 张 三 ";// 类 的 数据 成 员 声 明 

private int age=12://private 表示 私有 数据 成 员 

public void Display0// 类 的 方法 (函数 ) 声 明 ， 显 示 姓名 和 年 龄 

{ 

Console.WriteLine(" 姓 名 :{0}), 年 龄 ， {1}",name,age); 


1 
public void SetName(string PersonName)// 修 改姓 名 的 方法 (函数 ) 
{ 


name=PersonName; 


public void SetAge(int PersonAge) 
{ 


age=PersonAge; 
1 
b 
Console.WriteLine(" 姓 名 :{0}), 年 龄 :{1}",name,age) 的 意义 是 将 第 二 个 参数 变量 name 变 
为 字符 串 填 到 {0} 位 置 ， 将 第 三 个 参数 变量 age 变 为 字符 串 填 到 {1} 位 置 ， 将 第 一 个 参数 表 
示 的 字符 串 在 显示 器 上 输出 。 
大 家 注意 ， 这 里 实际 定义 了 一 个 新 的 数据 类 型 ， 为 用 户 自己 定义 的 数据 类 型 ， 是 对 个 
人 的 特性 和 行为 的 描述 ， 它 的 类 型 名 为 Person， 和 int、char 等 一 样 ， 是 一 种 数据 类 型 。 用 
定义 的 新 数据 类 型 Person 类 的 方法 把 数据 和 处 理 数据 的 函数 封装 起 来 .类 的 声明 格式 如 下 : 
属性 类 修饰 符 class 类 名 {类 休 ] 


其 中 ， 关 键 字 class、 类 名 和 类 体 是 必需 的 ， 其 他 项 是 可 选项 。 类 修饰 符 包 括 new、 
public、protected、internal、private、abstract 和 sealed， 这 些 类 修饰 符 在 后 面 介绍 。 类 体 用 
于 定义 类 的 成 员 。 

4.3.2 ”类 成 员 的 存 取 控制 
- 般 希望 类 中 一 些 数据 不 被 随意 修改 ,只 能 按 指 定 方法 修改 , 即 隐蔽 一 些 数据 。 同 样 ， 
- 些 函 数 也 不 希望 被 其 他 类 程序 调用 ， 只 能 在 类 内 部 使 用 。 如 何 解 决 这 个 问题 呢 ? 可 用 访 
问 权限 控制 符 来 实现 ， 常 用 的 访问 权限 控制 符 有 private( 私 有 )，public( 公 有 )。 在 数据 成 员 
或 函数 成 员 前 增加 访问 权限 控制 符 ， 可 以 指定 该 数据 成 员 或 函数 成 员 的 访问 权限 。 
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私有 数据 成 员 只 能 被 类 内 部 的 函数 使 用 和 修改 ， 私 有 函数 成 员 只 能 被 类 内 部 的 其 他 函 
数 调用 。 类 的 公有 函数 成 员 可 以 被 类 的 外 部 程序 调用 ， 类 的 公有 数据 成 员 可 以 被 类 的 外 部 
程序 直接 使 用 修改 。 公 有 函数 实际 是 一 个 类 和 外 部 通信 的 接口 ， 外 部 函数 通过 调用 公有 函 
数 ， 按 照 预 先 设 定好 的 方法 修改 类 的 私有 成 员 。 对 于 上 述 例 子 ，name 和 age 是 私有 数据 成 
员 ， 只 能 通过 公有 函数 SetName0 和 SetAge0 修 改 。 


4.3.3 类 的 对 象 


Person 类 相当 于 是 用 户 定义 的 一 个 新 数据 类 型 ， 由 它 可 以 生成 Person 类 的 实例 ， 即 对 
象 。 用 如 下 方法 声明 类 的 对 象 。 








了 Person OnePerson=new Person(); 


此 语句 的 功能 是 建立 Person 类 的 对 象 ， 返 回 对 象 地 址 ， 赋 值 给 Person 类 变量 
OnePerson。 也 可 以 分 两 步 创 建 Person 类 的 对 象 ， 代 码 如 下 。 
了 Person OnePerson; 
OnePerson=new Person():; 
OnePerson 虽然 存储 的 是 Person 类 对 象 地 址 ， 但 不 是 C 中 的 指针 ， 不 能 像 指 针 那 样 可 
以 进行 加 减 运算 ， 也 不 能 转换 为 其 他 类 型 地 址 ， 它 是 引用 型 变量 ， 只 能 引用 (代表 )Person 
对 象 。 
在 程序 中 ,可 以 用 OnePerson 方法 名 或 OnePerson .数据 成 员 名 访问 对 象 的 成 员 。 例 如 : 
OnePerson.Display0， 公 用 数据 成 员 也 可 以 这 样 访问 。 


4.3.4 ”类 的 构造 函数 和 析 构 函数 


在 建立 类 的 对 象 时 ， 需 做 一 些 初始 化 工作 ， 如 对 数据 成 员 初始 化 。 这 些 可 以 用 构造 函 
数 来 完成 。 每 当 用 new 生成 类 的 对 象 时 ， 自 动 调用 类 的 构造 函数 。 因 此 ， 可 以 把 初始 化 的 
工作 放 到 构造 函数 中 完成 。 构 造 函 数 和 类 名 相同 ， 没 有 返回 值 。 例 如 ， 可 以 定义 Person 类 
的 构造 函数 如 下 。 

public Person(string Name,int Age)// 类 的 构造 函数 ， 函 数 名 和 类 同名 ， 无 返回 值 。 
: name=Name; 

age=Age; 
} 

当 用 Person OnePerson=new Person(" 李 四 ",16) 语 句 生成 Person 类 对 象 时 ， 将 自动 调用 
以 上 构造 函数 。 

变量 和 类 的 对 象 都 有 生命 周期 ， 生 命 周 期 结束 ， 这 些 变量 和 对 象 就 要 被 撤销 。 类 的 对 
象 被 撤销 时 ， 将 自动 调用 析 构 函数 。 一 些 善后 工作 可 放 在 析 构 函数 中 完成 。 析 构 函数 的 名 
字 为 类 名 ， 无 返回 类 型 ， 也 无 参数 。Person 类 的 析 构 函数 为 Person0。C# 中 类 析 构 函数 不 
能 显示 地 被 调用 ， 它 是 被 垃圾 收集 器 撤销 不 被 使 用 的 对 象 时 自动 调用 的 。 


第 4 章 C# 语 法 基础 *81 


4.3.5 ”类 的 构造 函数 的 重 载 


在 C# 语 言 中 ,同一 个 类 中 的 函数 ， 如 果 函 数 名 相同 ， 而 参数 类 型 或 个 数 不 同 ,认为 是 
不 同 的 函数 ， 这 叫 函数 重 载 。 仅 返回 值 不 同 ， 不 能 看 作 不 同 的 函数 。 这 样 ， 可 以 在 类 定义 
中 ， 定 义 多 个 构造 函数 ， 名 字 相 同 ， 参 数 类 型 或 个 数 不 同 。 根 据 生成 类 的 对 象 方法 不 同 ， 
调用 不 同 的 构造 函数 。 例 如 ， 可 以 定义 Person 类 没有 参数 的 构造 函数 如 下 。 

public PersonOV 类 的 构造 函数 ， 函 数 名 和 类 同名 ， 无 返回 值 。 
{ 

name="Xx"; 

age=12; 
} 

用 语句 Person OnePerson=new Person(" 李 四 ".30) 生 成 对 象 时 ， 将 调用 有 参数 的 构造 函 
数 ， 而 用 语句 Person OnePerson=new Person0 生 成 对 象 时， 调用 无 参数 的 构造 函数 。 由 于 析 
构 函 数 无 参数 ， 因 此 ， 析 构 函数 不 能 重 载 。 


4.3.6 ”一 个 使 用 类 的 例子 
下 边 用 一 个 完整 的 例子 说 明 Person 类 的 使 用 。 
































using System 
namespace el// 定 义 以 下 代码 所 属 命名 空间 ， 意 义 见 以 后 章节 
Ul 
class Person 
{ 
private String name=" 张 三 ";// 类 的 数据 成 员 声明 
Private int age=12; 
public void Display0// 类 的 方法 (函数 ) 声 明 ， 显 示 姓名 和 年 龄 
4 


Console .WriteLine(" 姓 名 :{0} 年龄: {1}",name,age); 


} 
public void SetName(string PersonName)// 指 定 修改 姓名 的 方法 (函数 ) 
{ 


name=PersonName; 


} 
public void SetAge(int PersonAge)// 指 定 修改 年 龄 的 方法 (函数 ) 
‘ 
age=PersonAge: 
} 
public Person(string Name,int Age)// 构 造 函 数 ,函数 名 和 类 同名 ,无 返回 值 
€ 
name=Name; 
age=Age; 
public Person0// 类 的 构造 函数 重 载 
| 
name=" 田 七 "; 
age=12; 
} 
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上 
class Classl 
static void Main(string[] args) 
{ 
Person OnePerson=new Person(" 李 四 ",.30):// 生 成 类 的 对 象 
OnePerson.Display0: 
/下 名 错误， 在 其 他 类 (Classl 类 ) 中 ， 不 能 直接 修改 Person 类 中 的 私有 成 员 。 
/OnePerson name=" 王 五 "; 
// 只 能 通过 Person 类 中 公有 方法 SetName 修改 Person 类 中 的 私有 成 员 name。 
OnePerson.SetName(" 王 五 "); 
OnePerson.SetAge(40); 
OnePerson.Display(O; 
OnePerson=new Person(); 
OnePerson.DisplayO; 
} 
b 


键入 CTRL+F5 运行 后 ， 显 示 的 效果 如 下 。 


姓名 : 李 四 , 年 龄 : 30 
姓名 : 王 五 ,年 龄 : 40 
姓名 : 田 七 ,年 龄 : 12 


4.4 “C# 的 数据 类 型 


从 大 的 方面 来 分 ，C# 语 言 的 数据 类 型 可 以 分 为 3 种 : 值 类 型 、 引 用 类 型 和 指针 类 型 。 
指针 类 型 仅 用 于 非 安全 代码 中 。 本 节 重 点 讨论 值 类 型 和 引用 类 型 。 
4.4.1 值 类 型 和 引用 类 型 的 区 别 

在 C# 语 言 中 ， 值 类 型 变量 存储 的 是 数据 类 型 所 代表 的 实际 数据 ， 值 类 型 变量 的 值 (或 
实例 ) 存 储 在 栈 (Stack) 中 ， 赋 值 语句 是 传递 变量 的 值 。 引 用 类 型 (例如 ， 类 就 是 引用 类 型 ) 的 
实例 ， 也 叫 对 象 ， 不 存在 栈 中 ， 而 存储 在 可 管理 堆 (Managed Heap) 中 ， 堆 实际 上 是 计算 机 
系统 中 的 空闲 内 存 。 引 用 类 型 变量 的 值 存储 在 栈 (Staclo 中 ， 但 存储 的 不 是 引用 类 型 对 象 ， 


而 是 存储 引 





用 类 型 对 象 的 引用 ， 即 地 址 ， 和 指针 所 代表 的 地 址 不 同 ， 引 用 所 代表 的 地 址 不 





能 被 修改 ， 也 不 能 转换 为 其 他 类 型 地 址 ， 它 是 引用 型 变量 ， 只 能 引用 指定 类 对 象 ， 引 用 类 
型 变量 赋值 语句 是 传递 对 象 的 地 址 。 例 如 ， 以 下 示例 代码 。 


using System 
class MyClass// 类 为 引用 类 型 


{ 
} 


public int a=0; 


class Test 
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static public void f10 
{ 
int v1=1;// 值 类 型 变量 v1， 其 值 1 存储 在 栈 (Staclo 中 
int v2=v1;// 将 v1 的 值 (为 1) 传 递 给 v2，v2=1,v1 值 不 变 。 
V2=2;//V2=2,v1 值 不 变 。 
MyClass rl=new MyClass0;// 引 用 变量 rl 存储 MyClass 类 对 象 的 地 址 
MyClass 12=r1;//r1 和 12 都 代表 是 同一 个 MyClass 类 对 象 
了 2.a=2;// 和 语句 r1.a=2 等 价 
| 
存储 在 栈 中 的 变量 ， 当 其 生命 周期 结束 ， 自 动 被 撤销 。 例 如 ，v1 存储 在 栈 中 ，v1 和 
函数 生 同 生命 周期 ， 退 出 函数 包 ，v1 不 存在 了 。 但 在 堆 中 的 对 象 不 能 自动 被 撤销 。.NET 
系统 CLR 内 建 垃圾 收集 器 ， 当 对 象 的 引用 变量 被 撤销 ,表示 对 象 的 生命 周期 结束 ， 垃 圾 收 
集 器 负责 收回 不 被 使 用 的 对 象 占用 的 存储 空间 。 例如 ， 上 例 中 引用 变量 rl 及 了 是 MyClass 
类 对 象 的 引用 ， 存 储 在 栈 中 ， 退 出 函数 人 ，rl 和 12 都 不 存在 了 ， 在 堆 中 的 MyClass 类 对 
象 也 就 被 垃圾 收集 器 撤销 。 


4.4.2” 值 类 型 变量 分 类 
C# 语 言 值 类 型 可 以 分 为 以 下 几 种 。 
1. 简单 类 型 (Simple types) 


简单 类 型 中 包括 : 数值 类 型 和 布尔 类 型 (booD)。 数 值 类 型 又 细 分 为 : 整数 类 型 、 字 符 类 
型 (char)、 浮 点 数 类 型 和 十 进 制 类 型 (decimal)。 


2. 结构 类 型 (Struct types) 





3. 枚 举 类 型 (Enumeration types) 
C# 语 言 值 类 型 变量 无 论 如 何 定义 ， 总 是 值 类 型 变量 ， 不 会 变 为 引用 类 型 变量 。 
4.4.3 ”结构 类 型 


结构 类 型 可 以 声明 构造 函数 、 数 据 成 员 、 方 法 、 属 性 等 。 结 构 和 类 的 最 根本 的 区 别 是 
结构 是 值 类 型 ,类 是 引用 类 型 。 结构 和 类 的 区 别 是 : 结构 不 能 从 另外 一 个 结构 或 者 类 派生 ， 
本 身 也 不 能 被 继承 ， 因 此 不 能 定义 抽象 结构 ; 结构 成 员 也 不 能 被 访问 权限 控制 字 protected 
修饰 ， 也 不 能 用 virtual 和 abstract 修饰 结构 方法 ， 在 结构 中 不 能 定义 析 构 函数 。 

虽然 结构 不 能 从 类 和 结构 派生 ， 可 是 结构 能 够 继承 接口 。 结 构 继承 接口 的 方法 和 类 继 
承接 口 的 方法 基本 一 致 。 例 如 ， 下 面 的 示例 。 
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using System 
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public int x,y;// 结 构 中 也 可 以 声明 构造 函数 和 方法 ， 变 量 不 能 赋 初 值 


P2=P1;// 值 传递 ， 使 P2.x=166,P2.y=111 
point P3=new point0;// 用 new 生成 结构 变量 P3，P3 仍 为 值 类 型 变量 
3M/ 用 new 生成 结构 变量 P3 仅 表 示 调 用 默认 构造 函数 ， 使 x=y 一 0。 


struct point// 结 构 定 义 
{ 
b 
class Test 
中 
static void Main() 
{ 
point P1; 
了 P1.x=166; 
PLy=11l; 
point P2; 
} 


4.4.4 ”简单 类 型 


简单 类 型 也 是 结构 类 型 ， 有 构造 函数 、 数 据 成 员 、 方 法 、 属 性 等 ， 因 此 下 列 语句 int 
i=int.MaxValue;string s=i.ToString0 是 正确 的 。 即使 一 个 常量 , C# 也 会 生成 结构 类 型 的 实例 ， 
因此 也 可 以 使 用 结构 类 型 的 方法 。 例 如 ，string s=13.ToString0 是 正确 的 。 


简单 类 型 包括 : 整数 类 型 


所 示 。 


类型、 布尔 类 型 、 浮 点 数 类 型 、 十 进 制 类 型 ， 如 表 4-1 


简单 类 型 
































保留 字 _| System 命名 空间 中 的 名 字 | 字 节 数 | 取 值 范围 
sbyte System.Sbyte | 1 | -128~127 

byte System.Byte [1 | 0~255 

short System.Int16 2 -32768~32767 

ushort System.UInt16 2 0-65535 

int System.Int32 4 -2147483648~2147483647 

uint System.UInt32 4 0~4292967295 

long System.Int64 8 -9223372036854775808~9223372036854775808 
ulong System.UInt64 8 0~18446744073709551615 

char System.Char 4 0-65535 

float System.Single 4 3.4E-38~3.4E+38 

double System.Double 8 1.7E-308~1.7E+308 

bool System.Boolean (true,false) 

decimal | System Decimal 16 正 负 1.0.10 到 79.10 之 间 





4.4.5 ” 枚 举 类 型 


C# 枚 举 类 型 的 使 用 方法 如 下 。 
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Using System 
class Classl 
{ 
enum Days {Sat=1, Sun, Mon, Tue, Wed, Thu, Fni}:; 
/使 用 Visual Studio.Net,enum 语句 添加 在 [STAThread] 前 边 
static void Main(string[] args) 
{ 
Days day=Days. Tue; 
int x=(int)Days. Tue;//x=2 
Console.WriteLine("day={0},x={1}",day,x);// 显 示 结 果 为 :day=Tue,x=4 
} 
} 


在 此 枚 举 类 型 Days 中 ， 每 个 元 素 的 默认 类 型 为 int， 其 中 Sun=0，Mon=1，Tue=2， 依 
此 类 推 。 也 可 以 直接 给 枚 举 元 素 赋值 。 如 下 所 示 。 





enum Days{Sat=1,Sun,Mon,Tue,Wed, Thu,Frni,Sat}:; 





在 此 枚 举 中 ，Sun=1，Mon=2，Tue=3，Wed=4， 等 等 。C# 枚 举 元 素 类 型 可 以 是 byte、 
sbyte、short、ushort、int、uint、long 和 ulong 类 型 ， 但 不 能 是 char 类 型 。 示 例 代 码 如 下 。 


enum Days:byte{Sun,Mon,Tue,Wed,Thu,Fri,Sat};// 元 素 为 字 节 类 型 


4.4.6 ” 值 类 型 的 初 值 和 默认 构造 函数 


所 有 变量 都 要 求 必 须 有 初 值 ， 如 没有 赋值 ， 采 用 默认 值 。 对 于 简单 类 型 ，sbyte、byte、 
short、ushort、int、uint、long 和 ulong 默认 值 为 0，char 类 型 默认 值 是 (char)0，float 为 0.0f， 
double 为 0.0d，decimal 为 0.0m，bool 为 false， 枚 举 类 型 为 0， 在 结构 类 型 和 类 中 ， 数 据 
成 员 的 数值 类 型 变量 设置 为 默认 值 ， 引 用 类 型 变量 设置 为 null。 

可 以 显示 的 赋值 ， 例 如 int =0。 而 对 于 复杂 结构 类 型 ， 其 中 的 每 个 数据 成 员 都 按 此 种 
方法 赋值 ， 显 得 过 于 麻烦 。 由 于 数值 类 型 都 是 结构 类 型 ， 可 用 new 语句 调用 其 构造 函数 初 
始 化 数值 类 型 变量 ， 如 int j=new int(D)。 请 注意 ， 用 new 语句 并 不 是 把 int 变量 变 为 引用 变 
量 ，j 仍 是 值 类 型 变量 ， 这 里 new 仅仅 是 调用 其 构造 函数 。 所 有 的 数值 类 型 都 有 默认 的 无 
参数 的 构造 函数 ， 其 功能 就 是 为 该 数值 类 型 赋 初 值 为 默认 值 。 对 于 自 定义 结构 类 型 ， 由 于 
已 有 默认 的 无 参数 的 构造 函数 ， 不 能 再 定义 无 参数 的 构造 函数 ， 但 可 以 定义 有 参数 的 构造 
4.4.7 引用 类 型 分 类 


CH 语言 中 引用 类 型 可 以 分 为 以 下 几 种 。 

e 类 : C# 语 言 中 预定 义 了 对 象 类 (object 类 )、 数 组 类 、 字 符 串 类 等 。 当 然 ， 开 发 人 员 
也 可 以 定义 其 他 类 。 

e@ 接口 。 

。 代表。 
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C# 语 言 引 用 类 型 变量 无 论 如 何 定义 ， 总 是 引用 类 型 变量 ， 不 会 变 为 值 类 型 变量 。C# 
语言 引用 类 型 对 象 一 般 用 运算 符 new 建立 ， 用 引用 类 型 变量 引用 该 对 象 。 本 节 仅 介绍 对 象 
类 型 (object 类 型 )、 字 符 串 类 型 、 数 组 。 

4.4.8 ”对象 类 (object 类 ) 

C# 中 的 所 有 类 型 (包括 数值 类 型 ) 都 直接 或 间接 地 以 object 类 为 基 类 。 对 象 类 (object 类 ) 
是 所 有 其 他 类 的 基 类 。 任 何 一 个 类 定义 ， 如 果 不 指 定 基 类 ， 默 认 object 为 基 类 。 继 承 和 基 
类 的 概念 见 后 续 章节 。C#i 语 言 规定 ， 基 类 的 引用 变量 可 以 引用 派生 类 的 对 象 ， 因 此 ， 对 一 
个 object 的 变量 可 以 赋予 任何 类 型 的 值 。 











ER 
object objl; 
objl=x; 
object obj2='A'; 
object 关键 字 是 在 命名 空间 System 中 定义 的 ， 是 类 System.Object 的 别名 。 
4.4.9 数组 类 


数组 是 一 组 类 型 相同 的 有 序数 据 。 数 组 按照 数组 名 、 数 据 元 素 的 类 型 和 维 数 来 进行 措 
述 。C# 语 言 中 数组 是 类 System Array 类 对 象 ， 如 声明 一 个 整 型 数 数组 : int[] arr-new int[5]: 
实际 上 生成 了 一 个 数组 类 对 象 ，arr 是 这 个 对 象 的 引用 (地 址 )。 

在 C# 中 数组 可 以 是 一 维 的 也 可 以 是 多 维 的 , 同样 也 支持 数组 的 数组 , 即 数 组 的 元 素 还 
是 数组 。 一 维 数组 最 为 普遍 ， 用 的 也 最 多 。 如 下 所 示 。 


using System: 
class Test 


static void Main() 
{ int[] ar=new int[3]:// 用 new 运算 符 建立 一 个 3 个 元 素 的 一 维 数组 
for(int i=0;i<arr.Length:it+)//arr.Length 是 数组 类 变量 ， 表 示 数 组 元 素 个 数 
arr[i]=i*i:// 数 组 元 素 赋 初 值 ，ar 四 表示 第 i 个 元 素 的 值 
for (int i=0:i<ar Length:i+H/ 数 组 第 一 个 元 素 的 下 标 为 0 
Console. WriteLine("arr[ {0}]={1}",i,ar[i]); 
} 
} 


这 个 程序 创建 了 一 个 int 类 型 3 个 元 素 的 一 维 数组 ， 初 始 化 后 逐 项 输出 。 其 中 ar.Length 
表示 数组 元 素 的 个 数 。 程 序 的 输出 如 下 。 
ar[0]=0 
ar[l]=1 
ar[2] =4 
上 面 的 例子 中 使 用 的 是 一 维 数 组 ， 下 面 介 绍 多 维 数组 。 示 例如 下 。 


string[] al:// 一 维 string 数组 类 引用 变量 al 
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string[,] a2;// 二 维 string 数组 类 引用 变量 a2 

a2=new string[2,3]; 

a2[1,2]="abe"; 

string[,,] a3:// 三 维 string 数组 类 引用 变量 a3 

string[][] j2:// 数 组 的 数组 ， 即 数组 的 元 素 还 是 数组 
string[]00Dj3; 

在 数组 声明 的 时 候 ， 可 以 对 数组 元 素 进行 赋值 。 看 下 面 的 例子 : 
int[] al=new int]{1,2,3};// 一 维 数组 ， 有 3 个 元 素 。 

int[] a2=new int[3]11.2.3};/ 此 格式 也 正确 

int[] a3={1,2,3};// 相 当 于 int[] a3=new int[]{1,2,3}; 

int[,] a4=new int[,]{{1,2,3},{4,5,6}};// 二 维 数组 ，a4[1,1]=5 

int[ID] j2=new int[3][];// 定 义 数组 j2, 有 三 个 元 素 ， 每 个 元 素 都 是 一 个 数组 
j2[0]=new int[]{1,2,3};// 定 义 第 一 个 元 素 ， 是 一 个 数组 
j2[1]=new int[]{1, 2, 3, 4, 5, 6};// 每 个 元 素 的 数组 可 以 不 等 长 
j2[2]=new int[]{1, 2, 3, 4, 5, 6, 7, 8, 9}; 


4.4.10 ”字符 串 类 (string 类 ) 
C# 还 定义 了 一 个 基本 的 类 string， 专 门 用 于 对 字符 串 的 操作 。 这 个 类 也 是 在 命名 空间 
System 中 定义 的 ， 是 类 System.String 的 别名 。 
1.， 字符 串 定义 
字符 串 定义 示例 代码 如 下 。 
string s;// 定 义 一 个 字符 串 引 用 类 型 变量 s 
s="Zhang";// 字 符 串 引用 类 型 变量 s 指向 字符 串 "Zhang" 
string FirstName="Ming"; 
string LastName="Zhang"; 
string Name=FirstName+" "+LastName;// 运 算 符 + 已 被 重 载 
string SameName=Name: 
char[] s2={ 计 ' 算 ,机 ,种 学; 
string s3=new string(s2); 
2. 字符 串 搜索 
字符 串 搜 索 的 示例 代码 如 下 。 


string s="ABC 科学 "; 
int i=s IndexOf(" 和 |"); 


搜索 " 科 " 在 字符 串 中 的 位 置 , 因 第 一 个 字符 索引 为 0, 所 以 "A" 索 引 为 0, " 科 " 索 引 为 3， 
因此 这 里 二 3， 如 没有 此 字符 串 二 -1。 注 意 C# 中 ，ASCI 和 汉字 都 用 2 字 节 表示 。 


3. 字符 串 比 较 函数 
符 串 比较 函数 使 用 的 示例 代码 如 下 。 














性 


string s1="abe"; 
string s2="abe"; 
int n=string.Compare(s1,s2);//n=0 
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n=0 表示 两 个 字符 串 相 同 ，n 小 于 零 ，s1<s2，n 大 于 零 ，s1>s2。 此 方法 区 分 大 小 写 。 
也 可 用 如 下 办 法 比较 字符 串 。 








string s1="abe"; 
string s="abe"; 
string s2=" 不 相同 "; 
这 s 一 s1)/ 还 可 用 寺 。 虽 然 String 是 引用 类 型 ， 但 这 里 比较 两 个 字符 串 的 值 。 


s2=" 相 同 "; 


4. 判断 是 否 为 空 字 符 串 
判断 是 否 为 空 字符 串 的 示例 代码 如 下 。 





string s=""; 
string s1=" 不 空 "; 
if(s.Length—0) 
s1=" 空 "; 

5. 得 到 子 字符 串 或 字符 

获取 子 字符 串 或 字符 的 示例 代码 如 下 。 
string s=" 取 子 字 符 串 "; 
string sb=s.Substring(2.2):// 从 索引 为 2 开始 取 2 个 字符 ，Sb=" 字 符 ",s 内 容 不 变 
char sbl=s[0]:/sbl=' 取 ' 
Console.WriteLine(sb1);// 显 示 : 取 

6. 字符 串 删除 函数 

字符 串 删 除 函数 的 使 用 示例 如 下 。 


string s=" 取 子 字 符 串 "; 
string sb=s.Remove(0,2);// 从 索引 为 0 开始 删除 2 个 字符 ，Sb=" 字 符 串 ",s 内 容 不 变 


7. 插入 字符 串 
插入 字符 串 的 示例 代码 如 下 。 


string s=" 计 算 机 科学 "; 
string s1=s.Insert(3," 软 件 ");//s1=" 计 算 机 软件 科学 "，s 内 容 不 变 


8. 字符 串 替换 函数 
符 串 替换 函数 的 使 用 示例 如 下 。 


string s=" 计 算 机 科学 "; 
string sl=s.Replace(" 计 算 机 "," 软 件 ");//s1=" 软 件 科学 "，s 内 容 不 变 


9. 把 String 转换 为 字符 数组 
把 String 对 象 转换 为 字符 数组 的 示例 如 下 。 
string S=" 计 算 机 科学 "; 











必 
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char[] s2=S.ToCharArray(0.S.Length):/ 属 性 Length 为 字符 类 对 象 的 长 度 
10. 其 他 数据 类 型 转换 为 字符 串 
以 下 是 一 些 其 他 数据 类 型 转换 的 示例 。 
int i=9; 
string s8=i.ToStringO;//s8="9" 
float n=1.9f 
string s9=n.ToStringO;//s8="1.9" 
其 他 数据 类 型 都 可 用 此 方法 转换 为 字符 类 对 象 。 
11. 大 小 写 转换 
大 小 写 转换 的 示例 代码 如 下 。 
string s="AaBbCe"; 
string s1=s.ToLower();// 把 字符 转换 为 小 写 ，s 内 容 不 变 
string s2=s.ToUpper();// 把 字符 转换 为 大 写 ，s 内 容 不 变 
12. 删除 所 有 的 空格 
删除 字符 串 中 的 空格 示例 代码 如 下 。 
string s="A be"; 
s.Trim0;// 删 除 所 有 的 空格 
string 类 其 他 方法 的 使 用 请 用 帮助 系统 查看 , 方法 是 打开 Visual Studio.Net 的 代码 编辑 
器 ， 键 入 string， 将 光标 移 到 键入 的 字符 串 string 上 ， 然 后 按 Fl 键 。 
4.4.11 ”类 型 转换 
在 编写 C# 语 言 程序 中 ， 经 常会 碰 到 类 型 转换 问题 。 例 如 ， 整 型 数 和 浮 点 数 相 加 ，C# 
会 进行 隐 式 转换 。C# 语 言 中 类 型 转换 分 为 ， 隐 式 转换 、 显 示 转 换 、 加 框 (boxing) 和 消 框 
(unboxing) 等 3 种 。 
1. 隐 式 转换 
隐 式 转换 就 是 系统 默认 的 、 不 需要 加 以 声明 就 可 以 进行 的 转换 。 例 如 ， 从 int 类 型 转 
换 到 long 类 型 就 是 一 种 隐 式 转换 。 在 隐 式 转换 过 程 中 ， 转 换 一 般 不 会 失败 ， 转 换 过 程 中 也 
不 会 导致 信息 丢失 。 示 例 代 码 如 下 。 
intj=10; 
long i; 
2. 显示 转换 
显 式 类 型 转换 ， 又 叫 强制 类 型 转换 。 与 隐 式 转换 正好 相反 ， 显 式 转换 需要 明确 地 指定 
转换 类 型 ， 显 示 转 换 可 能 导致 信息 丢失 。 下 面 的 例子 把 长 整形 变量 显 式 转换 为 整 型 。 





。90。 ASPNET 4.5 网 站 开发 实例 教程 


long 天 1000:; 
int 天 (nbJ/ 如 果 超 过 int 取 值 范围 ， 将 产生 异常 


3. 加 框 (boxing) 和 消 框 (unboxing) 

加 框 (boxing) 和 消 框 (unboxing) 是 C# 语 言 类 型 系统 提出 的 核心 概念 , 加 框 是 值 类 型 转换 
为 object( 对 象 ) 类 型 ， 消 框 是 object( 对 象 ) 类 型 转换 为 值 类 型 。 有 了 加 框 和 消 框 的 概念 ， 对 
任何 类 型 的 变量 来 说 最 终 都 可 以 看 作 是 object 类 型 。 

(1) 加 框 操作 

把 一 个 值 类 型 变量 加 框 也 就 是 创建 一 个 object 对 象 ， 并 将 这 个 值 类 型 变量 的 值 复制 给 
这 个 object 对 象 。 示 例 代码 如 下 。 


int 二 10; 
object obj=i// 隐 式 加 框 操作 ，obi 为 创建 的 object 对 象 的 引用 。 


也 可 以 用 显 式 的 方法 来 进行 加 框 操 作 ， 示 例 代码 如 下 。 


inti=10; 


object obj=objectG):/ 显 式 加 框 操作 


值 类 型 的 值 加 框 后 , 值 类 型 变量 的 值 不 变 , 仅 将 这 个 值 类 型 变量 的 值 复制 给 这 个 object 
对 象 。 例 如 ， 下 面 的 程序 。 


using System: 
class Test 
public static void Main0 
int n=100; 
object o=n; 
o=300;// 不 能 改变 n 
Console. WriteLine("{0},{1}",n,0); 
} 
1 
输出 结果 为 : 100，300。 这 就 证 明了 值 类 型 变量 n 和 object 类 对 象 o 都 独立 存在 着 。 


(2) 消 框 操作 
和 加 框 操作 正好 相反 ， 消 框 操作 是 指 将 一 个 对 象 类 型 显 式 地 转换 成 一 个 值 类 型 。 消 杠 
的 过 程 分 为 两 步 : 首先 检查 这 个 object 对 象 ， 看 它 是 否 为 给 定 的 值 类 型 的 加 框 值 ， 如 是 ， 
把 这 个 对 象 的 值 拷贝 给 值 类 型 的 变量 。 示 例 代码 如 下 。 
int =10; 
object obj=i; 
intj=(int)obj;// 消 框 操作 
可 以 看 出 消 框 过 程 正 好 是 加 框 过 程 的 逆 过 程 ， 必 须 注意 加 框 操作 和 消 杠 操作 必须 遵循 
类 型 兼容 的 原则 。 
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(3) 加 框 和 消 框 的 使 
定义 如 下 函数 。 








void Display(Object 0)// 注 意 ，o 为 Object 类 型 


有 

int x=(int)o;// 消 框 

System.Console. WriteLine("{0}.,{1}".,x,0); 
} 
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调用 此 函数 : int yY-20:Display(y): 在 此 利用 了 加 框 概念 。 虚 参 被 实 参 替 换 : Object o=y， 


也 就 是 说 ， 函 数 的 参数 是 Object 类 型 ， 可 以 将 任意 类 型 实 参 传递 给 函 


C# 语 言 和 C 语言 的 运算 符 用 法 基本 一 致 。 本 节 主 要 简单 介绍 Ci 
4.5.1 运算 符 分 类 

按照 操作 数 的 个 数 ，C# 语 言 的 运算 符 可 以 分 为 以 下 几 种 类 型 。 

e 一 元 运算 符 ， 一 元 运算 符 作 用 于 一 个 操作 数 ， 如 : -又 、++X、 

e 二 元 运算 符 : 二 元 运算 符 对 两 个 操作 数 进行 运算 ， 如 x+y。 

e 三 元 运算 符 : 三 元 运算 符 只 有 一 个 x? y:z。 


看 言 中 的 运算 符 。 


X-- 等 。 



































C# 语 言 运 算 符 的 详细 分 类 及 操作 符 从 高 到 低 的 优先 级 顺序 如 表 4-2 所 示 。 
表 4-2 运算 符 
类 别 操 作 符 
初级 操作 符 (CO xy fx) a[x] x++ x-- new type of sizeof checked unchecked 
一 元 操作 符 +-!~+ix-x (Tx 
乘除 操作 符 */% 
加 减 操作 符 = 
移 位 操作 符 << >> 
关系 操作 符 <><—=>=isas 
等 式 操作 符 一 三 
逻辑 与 操作 符 & 
逻辑 异 或 操作 符 的 
逻辑 或 操作 符 | 
条 件 与 操作 符 && 
条 件 或 操作 符 | 
条 件 操作 符 
赋值 操作 符 = 二 = 广 % 叶 二 一 << 一 >>=& = 上 
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4.5.2 ”测试 运算 符 is 


is 操作 符 用 于 动态 地 检查 表达 式 是 否 为 指定 类 型 。 使 用 格式 为 : eis T， 其 中 e 是 一 个 
表达 式 , T 是 一 个 类 型 ,该 式 判断 e 是 否 为 了 类 型 返回 值 是 一 个 布尔 值 。 示 例 代码 如 下 。 

















using System:; 
class Test 
{ 
public static void Main0 
{ 
Console. WriteLine(] is int); 
Console. WriteLine(] is float); 
Console. WriteLine(1.0f is float); 
Console. WriteLine(1.0d is double); 
} 
} 
输出 为 : 
Trmue 
False 
Te 
Trmue 


4.5.3 ”typeof 运算 符 
typeof 操作 符 用 于 获得 指定 类 型 在 system 命名 空间 中 定义 的 类 型 名 字 , 示例 代码 如 下 。 


using System 


class Test 
{ 
static void Main() 
{ 
Console. WriteLine(typeof(int)): 
Console. WriteLine(typeof(System.Int32)): 
Console. WriteLine(typeof(string)); 
Console. WriteLine(typeof(double[])): 
} 
b 


产生 如 下 输出 ， 由 输出 可 知 int 和 System.int32 是 同一 类 型 。 
System.Int32 
System.Int32 


System.String 
System.Double[] 


4.5.4 溢出 检查 操作 符 checked 和 unchecked 
在 进行 整 型 算术 运算 (如 +、-、*#*、/ 等 ) 或 从 一 种 整 型 显 式 转换 到 另 一 种 整 型 时 ， 有 可 能 


第 4 章 C# 语 法 基础 。93 。 


出 现 运算 结果 超出 这 个 结果 所 属 类 型 值 域 的 情况 ， 这 种 情况 称 之 为 溢出 。 整 型 算术 运算 表 
达 式 可 以 用 checked 或 unchecked 溢出 检查 操作 符 ， 决 定 在 编译 和 运行 时 是 否 对 表达 式 溢 
出 进行 检查 。 如 果 表 达 式 不 使 用 溢出 检查 操作 符 或 使 用 了 checked 操作 符 ， 常 量 表 达 式 溢 
出 ， 在 编译 时 将 产生 错误 ， 表 达 式 中 包含 变量 ， 程 序 运行 时 执行 该 表达 式 产生 溢出 ， 将 产 
生 异 常 提示 信息 。 而 使 用 了 unchecked 操作 符 的 表达 式 语句 ， 即 使 表达 式 产生 溢出 ， 编 译 
和 运行 时 都 不 会 产生 错误 提示 。 示 例 代码 如 下 。 





using System; 
class Classl 
{ 
static void Main(string[] args) 
{ 
const int x=int.MaxValue; 
unchecked// 不 检查 溢出 
int z=x*2;// 编 译 时 不 产生 编译 错误 ，z=-2 
Console.WriteLine("z={0}",z);// 显 示 -2 


b 

checked// 检 查 溢出 

4 
intz1=(x*2);// 编 译 时 会 产生 编译 错误 
Console. WriteLine("z={0}",z1): 

} 

} 
} 


4.5.5 new 运算 符 


new 操作 符 可 以 创建 值 类 型 变量 、 引 用 类 型 对 象 ， 同 时 自动 调用 构造 函数 。 示 例 代码 
如 下 。 
int y=new int0;// 用 new 创建 整 型 变量 y， 调 用 默认 构造 函数 
Person pl=new Person 0:// 用 new 建立 的 Person 类 对 象 。Person 变量 pl 对象 的 引用 
int] amr=new int[2];// 数 组 也 是 类 ， 创 建 数组 类 对 象 ，arr 是 数组 对 象 的 引用 
需 注意 的 是 ，int y=new int(0) 语 句 将 自动 调用 int 结构 不 带 参数 的 构造 函数 ， 给 y 赋 初 
值 0，y 仍 是 值 类 型 变量 ， 不 会 变 为 引用 类 型 变量 。 


4.5.6 ”运算 符 优 先 级 


当 一 个 表达 式 包含 多 种 操作 符 时 ， 操 作 符 的 优先 级 控制 着 操作 符 求 值 的 顺序 。 例 如 ， 
表达 式 x+y*z 按 照 x+t(y*z) 顺 序 求 值 ， 因 为 * 操 作 符 比 + 操作 符 有 更 高 的 优先 级 。 这 和 数学 运 
算 中 的 先 乘除 后 加 减 是 一 致 的 。 

当 两 个 有 相同 优先 级 的 操作 符 对 操作 数 进行 运算 时 ， 如 x+y-z， 操 作 符 按照 出 现 的 顺 
序 由 左 至 右 执 行 ，x+y-z 按 (xty)-z 进行 求 值 。 赋 值 操作 符 按照 右 接合 的 原则 ， 即 操作 按照 
从 右 向 左 的 顺序 执行 ， 如 x=y=z 按照 x=(y=z) 进 行 求 值 。 
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4.6 ”流程 控制 语句 














在 实际 开发 中 , 会 涉及 非常 复杂 的 业务 逻辑 跳 转 或 流转 跳 转 的 功能 。 开发 此 类 功能 时 ， 
就 需要 开发 人 员 根 据 外 部 条 件 来 判断 程序 的 走向 ， 从 而 使 程序 能 够 智能 化 地 完成 客户 所 需 
的 工作 。C# 中 提供 了 很 多 流程 控制 语句 ， 来 帮助 开发 人 员 完 成 此 类 工作 ， 本 节 将 介绍 C# 
中 常见 的 流程 控制 语句 ， 希 望 读者 能 迅速 、 熟 练 掌握 这 些 流程 控制 语句 ， 从 而 完成 复杂 的 
业务 逻辑 开发 。 


4.6.1 if 语 句 


实际 开发 中 经 常 需要 根据 用 户 输入 的 值 或 者 用 户 的 选择 来 判断 程序 的 走向 。C# 提 供 了 
站 语 句 ， 用 于 进行 判断 并 控制 程序 走向 ， 其 一 般 形式 如 下 。 


站 (条 件 判断 表达 式 ) 





























由 
// 当 条 件 表达 式 为 真 时 执行 的 代码 段 
} 
例如 ， 判 断 学 生年 龄 是 否 大 于 18 岁 ， 如 果 大 于 就 输出 “该 学 生 已 成 年 ”的 消息 ， 可 
以 使 用 以 下 代码 。 
static void Main(string[] args) 
{ 
int age=0; 
Console.WriteLine(" 请 输入 学 生 的 年 龄 "); 
age = int.Parse(Console.ReadLine()): 
1/ 判断 学 生年 龄 是 否 大 于 18 岁 ， 若 是 ， 则 输出 
if (age >= 18) 


Console.WriteLine(" 该 学 生 已 成 年 "); 
} 
} 


在 以 上 代码 段 中 ,如 果 输 入 的 年 龄 大 于 或 等 于 18， 则 执行 站 语 句 抉 中 的 语句， 否则 各 
序 将 不 执行 。 
另外 ， 下 语句 还 拥有 还 …else 这 样 的 扩展 形式 ， 语 法 格式 如 下 。 
让 (条 件 判断 表达 式 ) 
1 
// 当 条 件 判断 表达 式 为 真 时 执行 的 代码 块 
Jelse{ 


// 当 条 件 判断 表达 式 为 假 时 执行 的 代码 块 
由 


例如 ， 前 面 的 代码 可 改写 成 如 下 形式 ， 若 学 生 未 满 18 岁 时 ， 输 出 “该 学 生 未 成 年 ”。 


f(age >= 18) 
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{ 
Console.WriteLine(" 该 学 生 已 成 年 "); 
jelse{ 
Console .WriteLine(" 该 学 生 未 成 年 "); 


除 此 之 外 ， 还 可 以 将 以 上 两 种 语法 格式 进行 更 复杂 的 散 套 ， 如 让"…else if…else 形式 ， 
这 样 的 扩展 形式 拥有 多 个 条 件 表达 式 判 断 分 支 ， 根 据 条 件 表达 式 控制 程序 执行 不 同 分 支 中 
的 语句 块 。 例 如 ， 以 下 代码 根据 用 户 的 年 龄 输出 用 户 的 年 龄 层次 时 ， 使 用 了 这 种 语句 形式 
进行 多 分 支 判断 。 
if (age >= 18 && age <30) 


Console.WriteLine(" 青 年 "); 
i 下 (age >= 30 && age <45) 
, Console.WriteLine(" 中 青年 "); 
2 下 (age >=45 && age <55) 
{ Console.WriteLine(" 中 年 "); 
。 else if (age >= 55) 
: Console.WriteLine(" 老 年 "); 
} 


else 


Console.WriteLine(" 未 成 年 "); 
} 


4.6.2 switch 语句 
Swithch 语句 是 一 种 特殊 的 分 支 语句 ， 其 一 般 形式 如 下 。 


switch( 变 量 ) 
{ 
case 值 1: 
代码 块 ; 
break:; 
case 值 2: 
代码 块 ; 
break: 


| on 
代码 块 ; 
break: 
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switch 语句 具有 以 下 特点 : 

e ”该 语句 进行 分 支 判 断 时 ， 只 进行 简单 的 等 值 判断 ， 即 传 入 switch 语句 中 的 变量 值 
与 某 一 个 case 语句 中 的 值 相等 时 ， 将 执行 该 case 语句 下 的 语句 块 。 

e ”该 语句 块 中 的 break 关键 字 可 以 省 略 ， 但 是 当 某 case 语句 块 中 没有 break 关键 字 时 ， 
该 case 语句 块 中 不 能 有 任何 代码 。 

e@ ”default 语句 块 是 可 选 的 ， 当 传 入 switch 语句 块 中 的 变量 不 等 于 任何 一 个 case 语句 
中 的 值 时 ， 将 执行 default 语句 块 中 的 代码 。 

。 ” 当 该 语句 中 的 任 一 case 或 default 代码 块 被 执行 后 , 将 跳出 switch 代码 块 执行 之 后 
的 代码 。 

如 果 判 断 某 个 数 是 否 为 10 以 内 的 质数 ， 可 以 使 用 以 下 代码 。 

















static void Main(string[] args) 
inti= 0; 
Console.WriteLine(" 请 输入 一 个 1-10 之 间 的 数字 : "); 
1= int.Parse(Console.ReadLine()); 
switch(?) 


case 5: 
case 7: // 只 要 传 入 的 变量 值 为 以 上 case 中 的 任何 一 个 ， 即 执行 case 中 的 代码 块 
Console.WriteLine(" 该 数 是 一 个 质数 "); 
break: 
default: 
Console.WriteLine(" 该 数 不 是 一 个 1-10 之 间 的 质数 "); 
break; 


) 
以 上 代码 执行 时 ， 当 变量 i 的 值 等 于 2、3、5、7 中 的 任何 值 时 ， 就 会 执行 case 7 中 的 
代码 块 ， 否 则 会 执行 default 代码 块 中 的 语句 。 
4.6.3 for 语句 
C# 提 供 了 for 语句 进行 循环 控制 ， 其 一 般 形 式 如 下 。 
for (循环 变量 初始 化 表达 式 :循环 条 件 表达 式 ; 循 环 变量 变更 表达 式 ) 





// 当 循环 变量 满足 循环 条 件 时 执行 的 代码 块 
} 


for 语句 具有 以 下 特点 。 
e 该 语句 中 的 3 个 表达 式 都 是 可 以 省 略 的 ， 但 是 ， 如 果 3 个 表达 式 都 被 省 略 ， 则 会 


形成 死 循环 。 
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。 该 语句 第 一 次 循环 时 ， 首 先 根据 循环 变量 初始 化 表达 式 及 循环 变量 ， 然 后 判断 变 
量 是 否 满足 循环 条 件 表达 式 ， 如 果 满 足 则 执行 循环 ， 否 则 终止 ， 这 样 的 过 程 被 称 
为 一 次 迭代 过 程 ， 第 一 次 迭代 完成 后 ，for 语句 将 执行 循环 变量 变更 表达 式 ， 变 更 
循环 变量 的 值 ， 再 次 判断 变量 是 否 满足 循环 条 件 表达 式 ， 如 果 满 足 则 执行 循环 ， 
否则 终止 循环 。 

e 该 语句 会 根据 循环 条 件 表达 式 的 返回 值 ， 决 定 是 否 继续 执行 循环 体 中 的 代码 。 
当 循环 条 件 表达 式 的 返回 值 为 tue 时 ， 则 继续 执行 循环 体 中 的 代码 ， 否 则 将 终止 








循环 。 
例如 ， 下 面 的 代码 使 用 for 循环 ， 计 算出 1-100 之 间 的 所 有 偶数 。 
static void Main(string[] args) 


//for (循环 变量 初始 化 表达 式 :循环 条 件 表达 式 ;循环 变量 变更 表达 式 ) 
for(int =1;1<=100;i++) 


if(1%2=0) 
上 

Console .Write(GitH At7); 
1 


} 
4.6.4 foreach 语句 


C# 中 拥有 多 种 用 于 存储 数据 的 集合 ， 在 早期 的 一 些 语言 中 都 使 用 for 循环 获取 集合 中 
的 元 素 。C# 中 也 提供 了 foreach 语句 ， 用 于 循环 集合 中 的 元 素 ， 其 一 般 形式 使 用 如 下 形式 。 
foreach( 元 素 类 型 集合 中 的 元 素 变量 in 集合 ) 


需要 注意 的 是 ，foreach 语句 只 可 以 获取 到 集合 中 元 素 的 值 , 但 是 不 能 对 集合 中 的 元 素 
值 进行 更 改 ， 否 则 在 运行 时 会 抛 出 异常 。 例 如 ， 可 以 使 用 该 语句 循环 遍历 数组 中 的 元 素 ， 
代码 如 下 。 

static void Main(string[] args) 
{ 
int[] ar = { 1, 3, 5, 7, 9 }; 
foreach (int iin arr) 
Console. Write(i + "\t"); 


} 
Console. WriteLine(); 


} 


以 上 代码 中 的 foreach 语句 循环 了 数组 中 的 所 有 元 素 ， 当 循环 至 最 后 一 个 元 素 时 ， 
foreach 会 自动 退出 。 
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4.6.5 ”while 语句 
C# 提 供 了 一 种 简单 易 用 的 循环 语句 ， 即 while 语句 ， 其 一 般 形式 如 下 。 
while( 条 件 表达 式 ) 


ul 
// 循 环 执行 的 语句 
while 语句 仅 需 要 条 件 表 达 式 ， 如 果 为 了 防止 形成 死 循环 ， 还 需要 在 while 循环 中 添加 
循环 变量 变更 语句 。 例 如 ， 求 1-100 间 的 偶数 ， 可 以 使 用 以 下 代码 。 





static void Main(string[] args) 
{ 
int i=1; /循环 变量 初始 化 表达 式 
while(i<=100) /循环 判断 表达 式 
{ 
if(1%2=—0) 
Console.writeGH Nb); 
ts // 循 环 控制 变量 变更 表达 式 
} 
上 
通过 以 上 代码 ， 读 者 可 以 发 现 ， 实 际 上 while 循环 也 具有 3 个 循环 表达 式 ， 用 于 初始 
化 循环 变量 、 判 断 循环 条 件 和 变更 循环 变量 。 
while 循环 一 般 用 于 进行 迭代 次 数 不 定 的 循环 ， 如 读 取 文 件 流 等 。while 循环 中 也 可 以 
使 用 continue、break 关键 字 进 行 循环 控制 。 


4.7 ”类 的 继承 


前 面 定义 了 一 个 Person 类 ， 如 果 需 要 定义 一 个 雇员 类 ， 可 以 从 头 开始 定义 雇员 类 
Employee。 但 这 样 不 能 利用 Person 类 中 已 定义 的 函数 和 数据 。 比 较 好 的 方法 是 ， 以 Person 
类 为 基 类 ， 派 生出 一 个 雇员 类 Employee， 雇 员 类 Employee 继承 了 Person 类 的 数据 成 员 和 
函数 成 员 ， 即 Person 类 的 数据 成 员 和 函数 成 员 成 为 Employee 类 的 成 员 。 这 个 Employee 类 
叫 以 Person 类 为 基 类 的 派生 类 ， 这 是 C# 提 出 的 方法 。C# 用 继承 的 方法 ， 实 现代 码 的 重用 。 
4.7.1 派生 类 的 声明 格式 

派生 类 的 声明 格式 如 下 。 

属性 类 修饰 符 class 派生 类 名 : 基 类 名 {类 体 } 
雇员 类 Employee 定义 如 下 。 








class Employee : Person//Person 类 是 基 类 
{ 
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private string department;// 部 门 ， 新 增 数据 成 员 
private decimal salary;// 薪 金 ， 新 增 数据 成 员 
public Employee(string Name, int Age, string D, decimal S): base(Name, Age) 


99 。 


{// 注 意 base 的 第 一 种 用 法 ， 根 据 参数 调用 指定 基 类 构造 函数 ， 注 意 参数 的 传递 


department = D; 

salary = S; 
} 
public new void DisplayO/ 覆 盖 基 类 Display0 方 法 ,注意 new, 不 可 用 override 
{ 


base.Display0;// 访 问 基 类 被 覆盖 的 方法 ，base 的 第 二 种 用 法 
Console.WriteLine(" 部 门 : {0} ”薪金 : {1}", department, salary); 


} 
} 
修改 主 函数 如 下 。 
class Classl 
4 
static void Main(string[] args) 
{ 
Employee OneEmployee = new Employee(" 李 四 ", 30, "计算 机 系 ", 2000); 
OneEmployee.Display(); 
1 
} 


Employee 类 继承 了 基 类 Person 的 方法 SetName0、SetAge0， 数 据 成 员 name 和 age， 


即 认为 基 类 Person 的 这 些 成 员 也 是 Employee 类 的 成 员 , 但 不 能 继承 构造 函数 和 
添加 了 新 的 数据 成 员 department 和 salary。 覆 盖 了 方法 Display()。 


析 构 函数 。 


虽然 Employee 类 继承 了 基 类 Person 的 name 和 age， 但 由 于 它们 是 基 类 的 私有 成 员 ， 
Employee 类 中 新 增 或 覆盖 的 方法 不 能 直接 修改 name 和 age， 只 能 通过 基 类 原 有 的 公有 方 
法 SetName() 和 SetAge() 修 改 。 如 果 希 望 在 Employee 类 中 能 直接 修改 name 和 age， 必 须 在 


基 类 中 修改 它们 的 属性 为 protected。 
4.7.2 base 关键 字 
base 关键 字 用 于 从 派生 类 中 访问 基 类 成 员 ， 它 有 以 下 两 种 基本 用 法 。 


。 在 定义 派生 类 的 构造 函数 中 ， 指 明 要 调用 的 基 类 构造 函数 ， 由 于 基 类 可 能 有 多 个 
构造 函数 ， 根 据 base 后 的 参数 类 型 和 个 数 ， 指 明 要 调用 哪 一 个 基 类 构造 函数 。 如 


上 节 雇 员 类 Employee 构造 函数 定义 中 的 base 的 第 一 种 用 法 。 





。 在 派生 类 的 方法 中 调用 基 类 中 被 派生 类 覆盖 的 方法 。 如 上 节 雇 员 类 Employee 的 





Display0 方 法 定义 中 的 base 的 第 二 种 用 法 。 
4.7.3 ”覆盖 基 类 成 员 
在 派生 类 中 ， 通 过 声明 与 基 类 完全 相同 新 成 员 ， 可 以 覆盖 基 类 的 同名 成 员 ， 











完全 相同 





是 指 函 数 类 型 、 函 数 名 、 参 数 类 型 和 个 数 都 相同 ， 如 上 例 的 Display() 方 法 。 派 4 
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类 成 员 不 算 错 误 ， 但 会 导致 编译 器 发 出 警告 。 如 果 增 加 new 修饰 符 ， 表 示 认 可 覆盖 ， 编 译 


器 不 再 发 出 警告 。 
4.7.4 “C# 语 言 类 继承 的 特点 
C# 语 言 类 继承 有 如 下 特点 。 
eC# 语 言 只 允许 单 继 承 ， 即 派生 类 只 能 有 一 个 基 类 。 
e。 C# 语 言 继承 是 可 以 传递 的 ， 如 果 C 从 B 派生 ，B 从 A 派生 ， 那 么 C 不 但 继承 B 
的 成 员 ， 还 要 继承 A 中 的 成 员 。 
e 派生 类 可 以 添加 新 成 员 ， 但 不 能 删除 基 类 中 的 成 员 。 
e 派生 类 不 能 继承 基 类 的 构造 函数 、 析 构 函 数 和 事件 。 但 能 继承 基 类 的 属性 。 
e 派生 类 可 以 覆盖 基 类 的 同名 成 员 ， 如 果 在 派生 类 中 和 覆盖 了 基 类 同名 成 员 ， 基 类 该 
成 员 在 派生 类 中 就 不 能 被 直接 访问 ， 只 能 通过 【base. 基 类 方法 名 】 访 问 。 
。 派生 类 对 象 也 是 其 基 类 的 对 象 ， 但 基 类 对 象 却 不 是 其 派生 类 的 对 象 。 例 如 ， 前 边 


定义 的 雇员 类 Employee 是 Person 类 的 派生 类 , 所 有 雇员 都 是 人 类 , 但 很 多 人 并 不 
是 雇员 ， 可 能 是 教师 、 学 生 、 摄 影 师 等 。 因 此 ， 基 类 的 引用 变量 可 以 引用 其 派生 
类 对 象 ， 但 派生 类 的 引用 变量 不 可 以 引用 其 基 类 对 象 。 


4.8 ”类 的 成 员 


由 于 C# 程 序 中 每 个 变量 或 函数 都 必须 属于 一 个 类 或 结构 , 因此 所 有 的 变量 或 函数 都 是 
类 或 结构 的 成 员 。 类 的 成 员 可 以 分 为 两 大 类 : 类 本 身 所 声明 的 以 及 从 基 类 中 继承 来 的 。 


4.8.1 


类 的 成 员 类 型 


类 的 成 员 有 局 部 变量 、 字 段 、 方 法 成 员 、 属 性 、 事 件 、 索 引 指 示 器 、 操 作 符 重 载 、 构 
造 函 数 和 析 构 函数 。 各 成 员 类 型 说 明 如 下 。 


其 





局 部 变量 : 在 for、switch 等 语句 中 和 类 方法 中 定义 的 变量 ， 只 在 指定 范围 内 有 效 。 
字段 : 即 类 中 的 变量 或 常量 ， 包 括 静 态 字 段 、 实 例 字 段 、 常 量 和 只 读 字 段 。 
方法 成 员 : 包括 静态 方法 和 实例 方法 。 

属性 : 按 属性 指定 的 get 方法 和 Set 方法 对 字段 进行 读 写 。 

事件 : 代表 事件 本 身 ， 同 时 联系 事件 和 事件 处 理 函 数 。 

索引 指示 器 : 允许 像 使 用 数组 那样 访问 类 中 的 数据 成 员 。 

操作 符 重 载 : 采用 重 载 操作 符 的 方法 定义 类 中 特有 的 操作 。 
构造 函数 和 析 构 函数 。 

















Ph， 包 含有 可 执行 代码 的 成 员 被 认为 是 类 中 的 函数 成 员 ， 这 些 函 数 成 员 有 方法 、 属 


性 、 索 引 指示 器 、 操 作 符 重 载 、 构 造 函 数 和 析 构 函数 。 
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4.8.2 ”类 成 员 访 问 修饰 符 


访问 修饰 符 用 于 指定 类 成 员 的 可 访问 性 ，C# 访 问 修饰 符 有 4 种 ， 分 别 是 private、 

protected、public 和 internal。 

e private 用 于 声明 私有 成 员 ， 私 有 数据 成 员 只 能 被 类 内 部 的 函数 使 用 和 修改 ， 私 有 
函数 成 员 只 能 被 类 内 部 的 函数 调用 。 派 生 类 虽然 继承 了 基 类 私有 成 员 ， 但 不 能 直 
接 访问 它们 ， 只 能 通过 基 类 的 公有 成 员 访 问 。 

e ”protected 声明 保护 成 员 ， 保 护 数据 成 员 只 能 被 类 内 部 和 派生 类 的 函数 使 用 和 修改 ， 
保护 函数 成 员 只 能 被 类 内 部 和 派生 类 的 函数 调用 。 

e public 声明 公有 成 员 , 类 的 公用 函数 成 员 可 以 被 类 的 外 部 程序 所 调用 ， 类 的 公用 数 
据 成 员 可 以 被 类 的 外 部 程序 直接 使 用 。 公 有 函数 实际 是 一 个 类 和 外 部 通讯 的 接 
外 部 函数 通过 调用 公有 函数 ， 按照 预先 设 定好 的 方法 修改 类 的 私有 成 员 和 保护 成 
员 。 

e intemal 声明 内 部 成 员 ， 内 部 成 员 只 能 在 同一 程序 集中 的 文件 中 才 是 可 以 访问 的 ， 

- 般 是 同一 个 应 用 (Application) 或 库 (Library)。 

















4.9 ”类 的 字段 和 属性 


- 般 把 类 或 结构 中 定义 的 变量 和 常量 叫 字段 。 属 性 不 是 字段 ， 本 质 上 是 定义 修改 字段 

的 方法 。 由 于 属性 和 字段 的 紧密 关系 ， 把 它们 放 到 一 起 叙述 。 
4.9.1 静态 字段 、 实 例 字段 、 常 量 和 只 读 字段 

用 修饰 符 static 声明 的 字段 为 静态 字段 。 不 管 包含 该 静态 字段 的 类 生成 多 少 个 对 象 或 
根本 无 对 象 ， 该 字段 都 只 有 一 个 实例 ， 静 态 字段 不 能 被 撤销 。 一 般 采 用 如 下 方法 引用 静态 
字段 。 

类 名 .静态 字段 名 

如 果 类 中 定义 的 字段 不 使 用 修饰 符 static， 该 字段 为 实例 字段 ， 每 创建 该 类 的 一 个 对 象 ， 
在 对 象 内 创建 一 个 该 字段 实例 ， 创 建 它 的 对 象 被 撤销 ， 该 字段 对 象 也 被 撤销 。 实 例 字段 采 
用 如 下 方法 引用 。 

实例 名 .实例 字段 名 
用 const 修饰 符 声 明 的 字段 为 常量 ， 常 量 只 能 在 声明 中 初始 化 ， 以 后 不 能 再 修改 。 用 
readonly 修饰 符 声 明 的 字段 为 只 读 字 段 ， 只 读 字段 是 特殊 的 实例 字段 ， 它 只 能 在 字段 声明 
中 或 构造 函数 中 重新 赋值 ， 在 其 他 任何 地 方 都 不 能 改变 只 读 字段 的 值 。 示 例如 下 。 


public class Test 
{ 
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public const int intMax = intMaxValue:// 常 量 ， 必 须 赋 初 值 
public intx= 0:/ 实 例 字段 
public readonly inty = 0;// 只 读 字 段 
public static int cnt = 0;// 静 态 字段 
public Test(int x1, int y1)// 构 造 函 数 
{ //intMax=0;// 错 误 ， 不 能 修改 常量 
Xx=Xl;// 在 构造 函数 允许 修改 实例 字段 
y=y1;// 在 构造 函数 允许 修改 只 读 字段 
cnt++;// 每 创建 一 个 对 象 都 调用 构造 函数 ， 用 此 语句 可 以 记录 对 象 的 个 数 
public void Modify(int xl, int y1) 
{ //intMax=0;// 错 误 ， 不 能 修改 常量 


二 
cnt=yl; 
//y=10;// 不 允许 修改 只 读 字段 
| 
class Classl 
1 
static void Main(string[] args) 
{ 
Test Tl = new Test(100, 200); 
Tl.x = 40;// 引 用 实例 字段 采用 方法 : 实例 名 .实例 字段 名 
Test.cnt = 0;// 引 用 静态 字段 采用 方法 :类 名 .静态 字段 名 
intz=T1.y:// 引 用 只 读 字段 
z= Test.intMax;// 引 用 常量 
4 
| 
4.9.2 属性 


C# 语 言 支持 组 件 编程 。 组 件 也 是 类 ， 组 件 用 属性 、 方 法 、 事 件 描述 。 属 性 不 是 字段 ， 
但 必然 和 类 中 的 某 个 或 某 些 字段 相 联系 ， 属 性 定义 了 得 到 和 修改 相 联系 的 字段 的 方法 。C# 
中 的 属性 更 充分 地 体现 了 对 象 的 封装 性 : 不 直接 操作 类 的 数据 内 容 ， 而 是 通过 访问 器 进行 
访问 , 借助 于 get 和 set 方法 对 属性 的 值 进 行 读 写 。 访 问 属性 值 的 语法 形式 和 访问 一 个 变量 
基本 一 样 ， 使 访问 属性 就 像 访问 变量 一 样 方便 ， 符 合用 户 习 惯 。 

在 类 的 基本 概念 一 节 中 ， 定 义 一 个 描述 人 的 Person 类 ， 其 中 字段 name 和 age 是 私有 
字段 ， 记 录 姓 名 和 年 龄 ， 外 部 通过 公有 方法 SetName 和 SetAge 修改 这 两 个 私有 字段 。 现 
在 用 属性 来 描述 姓名 和 年 龄 。 示 例 代 码 如 下 。 








using System 
public class Person 
对 

private string P_name=" 张 三 "://P_name 是 私有 字段 

private int P_age=12;//P_age 是 私有 字段 

public void Display0// 类 的 方法 声明 ， 显 示 姓 名 和 年 龄 
{ 
Console.WriteLine(" 姓 名 :{0}, 年 龄 : {1}",P_name,P_age); 
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) 
public string Name// 定 义 属性 Name 
get 
fretum P _ name:} 
Set 
让 _ name=value:} 


public int Age// 定 义 属性 Age 
yt 
get 
{return P age;} 
set 
{P_age=value;} 
1 
} 
public class Test 


{ 
public static void Main0) 


了 Person OnePerson= new Person(); 
OnePerson Name=" 田 七 "//value=" 田 七 "， 通 过 set 方法 修改 变量 P_ Name 
string s=OnePerson Name:// 通 过 get 方法 得 到 变量 P_ Name 值 
OnePerson.Age=20:// 通 过 定义 属性 ， 既 保证 了 姓名 和 年 龄 按 指定 方法 修改 
int x=OnePerson.Age:// 语 法 形式 和 修改 、 得 到 一 个 变量 基本 一 致 ， 符 合 习惯 
OnePerson.Display0: 
1 


在 属性 的 访问 声明 中 ， 只 有 set 访问 器 表明 属性 的 值 只 能 进行 设置 而 不 能 读 出 ， 只 有 
get 访问 器 表明 属性 的 值 是 只 读 的 不 能 改写 ， 同 时 具有 set 访问 器 和 get 访问 器 表明 属性 的 
值 的 读 写 都 是 允许 的 。 

虽然 属性 和 字段 的 语法 比较 类 似 ， 但 由 于 属性 本 质 上 是 方法 ， 因 此 不 能 把 属性 当 作 变 
量 那样 使 用 ， 也 不 能 把 属性 作为 引用 型 参数 或 输出 参数 来 进行 传递 。 








4.10 ”类 的 方法 





方法 是 类 中 用 于 执行 计算 或 其 他 行为 的 成 员 。 所 有 方法 都 必须 定义 在 类 或 结构 中 。 
4.10.1 方法 的 声明 
方法 的 声明 格式 如 下 。 
属性 方法 修饰 符 返回 类 型 方法 名 ( 形 参 列表 ){ 方 法 体 } 


方法 修饰 符 包 括 new、 public、 protected、intemal、 private、 static、 virtual、 sealed、 override、 
abstract 和 extem。 这 些 修饰 符 有 些 已 经 介绍 过 ， 其 他 修饰 符 将 逐一 介绍 。 返 回 类 型 可 以 是 
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任何 合法 的 C# 数 据 类 型 ， 也 可 以 是 void， 即 无 返回 值 。 形 参 列 表 的 格式 为 : ( 形 参 类 型 形 
参 1， 形 参 类 型 形 参 2，…)， 可 以 有 多 个 形 参 。 


4.10.2 方法 参数 的 种 类 


C# 语 言 的 方法 可 以 使 用 如 下 4 种 参数 。 
。 值 参数 ， 不 含 任何 修饰 符 。 

e@ 引用 参数 ， 以 ref 修饰 符 声明 。 

。 输出 参数 ， 以 out 修饰 符 声 明 。 

。 数组 参数 ， 以 params 修饰 符 声 明 。 


1. 值 参 数 


当 用 值 参 数 向 方法 传递 参数 时 ， 程 序 给 实 参 的 值 做 一 份 拷贝 ， 并 且 将 此 拷贝 传递 给 该 
方法 ,被 调用 的 方法 不 会 修改 实 参 的 值 ， 所 以 使 用 值 参数 时 ， 可 以 保证 实 参 的 值 是 安全 的 。 
如 果 参 数 类 型 是 引用 类 型 ， 如 类 的 引用 变量 ， 则 拷贝 中 存储 的 也 是 对 象 的 引用 ， 所 以 拷贝 
和 实 参 引 用 同一 个 对 象 。 通 过 这 个 拷贝 ， 可 以 修改 实 参 所 引用 的 对 象 中 的 数据 成 员 。 


2. 引用 参数 

有 时 在 方法 中 ， 需 要 修改 或 得 到 方法 外 部 的 变量 值 ，C#i 滞 言 用 引用 参数 向 方法 传递 实 
参 ， 程 序 将 把 实 参 的 引用 ， 即 实 参 在 内 存 中 的 地 址 传递 给 方法 ， 方 法 通过 实 参 的 引用 ， 修 
改 或 得 到 方法 外 部 的 变量 值 。 引 用 参数 以 ref 修饰 符 声明 。 注 意 ， 实 参 变量 要 求 必须 被 设 
置 初始 值 。 

3. 输出 参数 

为 了 把 方法 的 运算 结果 保存 到 外 部 变量 ， 因 此 需要 知道 外 部 变量 的 引用 (地 址 )。 输 出 
参数 用 于 向 方法 传递 外 部 变量 引用 (地 址 )， 所 以 输出 参数 也 是 引用 参数 ， 与 引用 参数 的 差 
别 在 于 调用 方法 前 无 须 对 变量 进行 初始 化 。 在 方法 返回 后 ， 传 递 的 变量 被 认为 经 过 了 初始 
化 。 值 参数 、 引 用 参数 和 输出 参数 的 使 用 示例 如 下 。 








using System; 
class g{public int a=0;}// 类 定义 
class Classl 
{ 
public static void Fl(ref char i)// 引 用 参数 
{ib';} 
public static void F2(char i)// 值 参数 ， 参 数 类 型 为 值 类 型 
‘ds 
public static void F3(out char i)// 输 出 参数 
tes} 
public static void F4(string s)// 值 参数 ， 参 数 类 型 为 字符 串 
{yz} 
public static void F5(g gg)// 值 参数 ， 参 数 类 型 为 引用 类 型 
{ gga20;} 
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public static void F6(ref string s)// 引 用 和 参数， 参数 类 型 为 字符 串 


{ xyz";} 
static void Main(string[] args) 
* 
char str='e'; 
string s1="abe"; 


F2(str);// 值 参数 ， 不 能 修改 外 部 的 a 
Console.WriteLine(str);// 因 str 未 被 修改 ， 显 示 c 
FlGef str);// 引 用 参数 ,函数 修改 外 部 的 a 的 值 
Console.WriteLine(str);//str 被 修改 为 bp， 显 示 b 


Charj; 
F3(outj);// 输 出 参数 ， 结 果 输 出 到 外 部 变量 j 
Console.WriteLine(j);// 显 示 @ 
F4(s1);// 值 参数 ， 参 数 类 型 是 字符 串 ，sl 为 字符 串 引 用 变量 
Console.WriteLine(s1);// 显 示 : abe, 字 符 串 sl 不 被 修改 
g gl=new 80; 
F5(g1);// 值 参数 ， 但 实 参 是 一 个 类 引用 类 型 变量 
Console.WriteLine(g1.a.ToString0);// 显 示 :20， 修 改 对 象 数据 
F6(ref s1);// 引 用 参数 ， 参 数 类 型 是 字符 串 ，sl 为 字符 串 引 用 变量 
Console.WriteLine(s1);// 显 示 : xyz， 字 符 串 sl 被 修改 

| 


4. 数组 参数 

数组 参数 使 用 params 说 明 ,如 果 形 参 表 中 包含 了 数组 参数 , 那么 它 必 须 是 参数 表 中 最 
后 一 个 参数 ， 数 组 参数 只 允许 是 一 维 数组 。 例 如 ，string[] 和 string[][] 类 型 都 可 以 作为 数组 
型 参数 。 最 后 ， 数 组 型 参数 不 能 再 有 ref 和 out 修饰 符 。 示 例 代码 如 下 。 


using System 
class Classl 
时 
static void F(params int[] args)// 数 组 参数 ， 有 params 说 明 
{ 
Console. Write("Array contains {0} elements:",args.Length); 
foreach (int i in args) 
Console. Write(" {0}",); 
Console. WriteLineO:; 
static void Main(string[] args) 
{ 
it a= {1,2,3}; 
F(a);// 实 参 为 数组 类 引用 变量 a 
F(10, 20, 30, 40);// 等 价 于 Flnew int[] {60.70,80.90}); 
F(new int[] {60,70,80,90});// 实 参 为 数组 类 引用 
F0;// 等 价 于 Faew int[] f): 
F(new int[] {});// 实 参 为 数组 类 引用 ， 数 组 无 元 素 
> 
} 


运行 程序 ， 输 出 如 下 。 
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Array contains 3 elements: 12 3 

Array contains 4 elements: 10 20 30 40 
Array contains 4 elements: 60.70.80,90 
Array contains 0 elements: 

Array contains 0 elements: 


方法 的 参数 为 数组 时 也 可 以 不 使 用 params， 此 种 方法 可 以 使 用 一 维 或 多 维 数组 ， 示 例 
如 下 。 


using System:; 
class Classl 


static void F(int[,] args)// 值 参数 ， 参 数 类 型 为 数组 类 引用 变量 ， 无 params 说 明 
{ 
Console. Write("Array contains {0} elements:",args.Length); 
foreach (int i in args) 
Console. Write(" {0}",2); 
Console. WriteLine(): 
ht 
static void Main(string[] args) 
{ 
int[,] a= {{1,2,3},{4,5,6}}; 
F(a);// 实 参 为 数组 类 引用 变量 a 
//F(10, 20, 30, 40);// 此 格式 不 能 使 用 
F(new int[,] {{60,70},{80,90}});// 实 参 为 数组 类 引用 
//F0;// 此 格式 不 能 使 用 
//F(new int[,] 人 });// 此 格式 不 能 使 用 
1 
| 


运行 程序 ， 输 出 如 下 。 


Array contains 3 elements: 123456 
Array contains 4 elements: 60.70,80.90 


4.10.3 ”静态 方法 和 实例 方法 
修饰 符 static 声明 的 方法 为 静态 方法 ， 不 用 修饰 符 static 声明 的 方法 为 实例 方法 。 不 
管 类 生成 或 未 生成 对 象 ， 类 的 静态 方法 都 可 以 被 使 用 ， 使 用 格式 如 下 。 
类 名 . 静态 方法 名 

静态 方法 只 能 使 用 该 静态 方法 所 在 类 的 静态 数据 成 员 和 静态 方法 。 这 是 因为 使 用 静态 
方法 时 ,该 静态 方法 所 在 类 可 能 还 没有 对 象 ， 即 使 有 对 象 ， 由 于 用 【类 名 . 静态 方法 名 】 方 
式 调用 静态 方法 ， 静 态 方法 没有 this 指针 来 存放 对 象 的 地 址 ， 无 法 判定 应 访问 哪个 对 象 的 
数据 成 员 。 在 类 创建 对 象 后 ， 实 例 方法 才能 被 使 用 ， 使 用 格式 如 下 。 


对 象 名 . 实例 方法 名 
实例 方法 可 以 使 用 该 方法 所 在 类 的 所 有 静态 成 员 和 实例 成 员 。 示 例 代 码 如 下 。 
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using System 
public class UseMethod 
{ 
private static int x=0;// 静 态 字 段 
private int y=1;// 实 例 字段 
public static void StaticeMethod0// 静 态 方 法 
{ 
x=10;// 正 确 ， 静 态 方法 访问 静态 数据 成 员 
//y=20;// 错 误 ， 静 态 方法 不 能 访问 实例 数据 成 员 
} 
public void NoStaticMethod0// 实 例 方法 
{ 
x=10;// 正 确 ， 实 例 方法 访问 静态 数据 成 员 
y=20;// 正 确 ， 实 例 方法 访问 实例 数据 成 员 
1 
} 
public class Classl 
{ 
public static void Main0 
区 
UseMethod m=new UseMethod0): 
UseMethod.StaticMethod0;// 使 用 静态 方法 格式 为 ， 类 名 .静态 方法 名 
m.NoStaticMethod0;// 使 用 实例 方法 格式 为 ， 对象 名 .实例 方法 名 
1 


4.10.4 ”方法 的 重 载 


在 C# 语 言 中 ,如果 在 同一 个 类 中 定义 的 函数 名 相同 ， 而 参数 类 型 或 参数 个 数 不 同 ， 认 
为 是 不 相同 的 函数 ， 仅 返回 值 不 同 ， 不 能 看 作 不 同 函 数 ， 这 叫做 函数 的 重 载 。 前 边 Person 
类 中 定义 了 多 个 构造 函数 就 是 重 载 的 例子 。 在 C# 语 言 中 ,可 以 使 用 函数 重 载 特性 ， 对 这 多 
个 函数 定义 同样 的 函数 名 ， 但 使 用 不 同 的 参数 类 型 。 示 例 代 码 如 下 。 


using System 
public class UseAbs 
{ 
public int abs(int x)// 整 型 数 求 绝 对 值 
{ return(x<0 ? -x:x):} 
public long abs(long x)// 长 整 型 数 求 绝对 值 
{ retun(x<0? -x:x);} 
public double abs(double x)// 浮 点 数 求 绝对 值 
{ retun(x<0? -x:x);} 


} 
class Classl 
{ 
static void Main(string[] args) 
{ 
UseAbs m=new UseAbs(): 
int x=-10:; 


long y—123; 
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double 一 -23.98d: 

x—=m.abs(x); 

y=m.abs(y); 

z=m.abs(z); 

Console WriteLine("x={0}.y={1}.z={2}".x,y,2): 


} 


类 的 对 象 调用 这 些 同名 方法 ， 在 编译 时 ， 根 据 调用 方法 的 实 参 类 型 决定 调用 那个 同名 
方法 ， 计 算 不 同类 型 数据 的 绝对 值 。 


4.10.5 ”操作 符 重 载 
操作 符 重 载 ， 实 际 是 定义 了 一 个 操作 符 函 数 ， 操 作 符 函数 声明 的 格式 如 下 。 
static public 函数 返回 类 型 operator 重新 定义 的 操作 符 ( 形 参 表 ) 


C# 语 言 中 有 一 些 操作 符 是 可 以 重 载 的 。 例 如 : + -!~ ++ -- tme false */%&|^<<>> 
一 睛 >< 盖 < 等。 但 也 有 一 些 操作 符 是 不 允许 进行 重 载 的 。 例 如 : =，&&, 上 ， ?:，new， 
typeof，sizeof，is 等 。 


以 下 例子 定义 一 个 复数 类 ， 并 且 希 望 复 数 的 加 减 乘除 用 符号 +，-.*，/ 来 表示 。 


using System: 
class Complex// 复 数 类 定义 
{ 
private double Real:// 复 数 实 部 
private double Imag:// 复 数 虚 部 
public Complex(double x,double y)// 构 造 函 数 
{ 
Real=x; 
Imag™y; 


9 
static public Complex operator - (Complex a)// 重 载 一 元 操作 符 负 号 ,注意 :一 个 参数 
{ retum (new Complex(-a.Real.-a.Imag)):} 
static public Complex operator +(Complex a,Complex b)// 重 载 二 元 操作 符 加 号 
{ retum (new Complex(a.Real+b.Reala.Imag+b.Imag)):} 
public void Display0) 
{ Console. WriteLine("{0}+({1}))",Real,Imag):} 
} 
class Classl 
{ 
static void Main(string[] args) 
{ 
Complex x=new Complex(1.0.2.0): 
Complex y=new Complex(3.0.4.0); 
Complex z=new Complex(5.0.7.0): 
XxX.Display0;// 显 示 :1+(2) 
yDisplay0;// 显 示 :3+(4)j 
zDisplay0:// 显 示 :5+(7)j 
二 -x;// 等 价 于 z=opeator-(x) 
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Zz.Display0;// 显 示 : -1+(-2)j 
z=x+y;//BN z=opeatort(x,y) 
z.Display0;// 显 示 : 4+(6)j 
} 
上 


4.10.6 this 关键 字 
每 个 类 都 可 以 有 多 个 对 象 。 例 如 ， 定 义 Person 类 的 两 个 对 象 。 


了 Person Pl=new Person(" 南 宫 逸 明 ",20); 
Person P2=new Person(" 莫 两.30): 
因此 P1，Display0 应 显示 南宫 逸 明 信 息 ，P2，Display0 应 显示 募 十 信息， 但 无 论 创建 

多 少 个 对 象 ， 只 有 一 个 方法 Display0， 该 方法 是 如 何 知 道 显示 那个 对 象 的 信息 的 呢 ? C# 语 
引用 变量 this 记录 调用 方法 Display0 的 对 象 ， 当 某 个 对 象 调用 方法 Display0 时 ，this 
用 该 对 象 (记录 该 对 象 的 地 址 )。 因 此 ， 不 同 的 对 象 调 用 同一 方法 时 ， 方 法 便 根据 this 
所 引用 的 不 同 对 象 来 确定 应 该 引用 哪 一 个 对 象 的 数据 成 员 。this 是 类 中 隐 含 的 引用 变量 
它 是 被 自动 被 赋值 的 ， 可 以 使 用 但 不 能 被 修改 。 例 如 : P1，Display0，this 引用 对 象 P1， 
显示 南宫 逸 明 信息 。P2，Display0，this 引用 对 象 P2， 显 示 幕 雨 信 息 。 


4.10.7 ”类 的 多 态 性 


在 面向 对 象 的 系统 中 ， 多 态 性 是 一 个 非常 重要 的 概念 。C# 支 持 两 种 类 型 的 多 态 性 , 第 
-种 是 编译 时 的 多 态 性 ， 一 个 类 的 对 象 调用 若干 同名 方法 。 系 统 在 编译 时 ， 根 据 调用 方法 
的 实 参 类 型 及 实 参 的 个 数 决定 调用 那个 同名 方法 ， 实 现 何 种 操作 。 编 译 时 的 多 态 性 是 通过 
方法 重 载 来 实现 的 。 

第 二 种 是 运行 时 的 多 态 性 ， 是 在 系统 运行 时 ， 不 同 对 象 调用 一 个 名 字 相 同 ， 参 数 的 类 
型 及 个 数 完全 一 样 的 方法 ， 会 完成 不 同 的 操作 。C# 运 行 时 的 多 态 性 通过 虚 方法 实现 。 在 类 
的 方法 声明 前 加 上 了 virtual 修 饰 符 ， 被 称 之 为 虚 方 法 ， 反 之 为 非 虚 方法 。 下 面 的 例子 说 明 
了 虚 方法 与 非 虚 方法 的 区 别 。 

















肝 列 串 
| 


+ 





using System:; 

class A 

{ 
public void FO/ 非 虚 方法 
{ Console.Write(" AF"):} 
public virtual void G0// 虚 方法 
{ Console.Write("” A.G"):} 


} 
class B:A//A 类 为 B 类 的 基 类 
{ 
new public void FO/ 覆 盖 基 类 的 同名 非 虚 方 法 EFO， 注 意 使 用 new 
{ Console.Write(" B.F");} 
public override void G0/ 覆盖 基 类 的 同名 虚 方 法 G0， 注 意 使 用 override 
{ Console.Write(" B.G"):} 
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} 
class Test 
日 
static void F2(A aA)// 注 意 ， 参 数 为 A 类 引用 变量 
{aA.GO;} 
static void Main0) 
Nu 
B b=new BO:; 
Aal=new AO; 
A a2=b;// 允 许 基 类 引用 变量 引用 派生 类 对 象 ，a2 引用 派生 类 B 对 象 b 
al.FO;// 调 用 基 类 A 的 非 虚 方法 F0, 显 示 A.F 
a2.FO;//F0 为 非 虚 方 法 ， 调 用 基 类 A 的 FO, 显 示 AF 
b.FOy/FO 为 非 虚 方法 ， 调 用 派生 类 B 的 F0, 显 示 BF 
al.G0;//G0 为 虚 方 法 ， 因 al 引用 基 类 A 对 象 ， 调 用 基 类 A 的 G0， 显 示 A.G 
a2.G0;//G0 为 虚 方 法 ， 因 a2 引用 派生 类 B 对 象 ， 调 用 派生 类 了 的 G0， 显示 B.G 
F2(b);// 实 参 为 派生 类 B 对 象 ,由 于 A aA=b， 调 用 派生 类 B 的 函数 G0, 显 示 B.G 
F2(al);// 实 参 为 基 类 A 对 象 ,调用 A 类 的 函数 GO. 显示 A.G 
1 
} 


运行 程序 ， 输 出 如 下 。 
AF AF BF AG BG BG AG 


注意 , 例子 中 不 同 对 象 调用 同名 非 虚 方法 FO 和 同名 虚 方 法 GO 的 区 别 。a2 虽然 是 基 类 
引用 变量 ， 但 它 引 用 派生 类 对 象 b。 由 于 GO 是 虚 方 法 ， 因 此 a2.GO 调 用 派生 类 B 的 GO， 
显示 G.F。 但 由 于 FO 是 非 虚 方 法 ，a2.F0 仍 然 调用 基 类 A 的 FO0， 显 示 AF。 或 者 说 ， 如 果 
将 基 类 引用 变量 引用 不 同 对 象 ， 或 者 是 基 类 对 象 ， 或 者 是 派生 类 对 象 ， 用 这 个 基 类 引用 变 
量 分别 调 用 同名 虚 方 法 , 根据 对 象 不 同 , 会 完成 不 同 的 操作 。 而 非 虚 方 法 则 不 具备 此 功能 。 

方法 F2(A aA) 中 ， 参 数 是 A 类 类 型 ，F2(b) 中 形 参 和 实 参 的 关系 是 :A aA=b， 即 基 类 
引用 变量 aA 引用 派生 类 对 象 b，aA.GO 调 用 派生 类 B 的 函数 G0， 显示 B.G。 同 理 ，F2(al) 
实 参 为 基 类 A 对 象 ,调用 A 类 的 函数 GO, 显示 A.G。 

在 Person 类 中 ， 公 有 方法 Display0 用 来 显示 个 人 信息 。 在 派生 雇员 类 Employee 中 ， 
覆盖 了 基 类 的 公有 方法 Display0， 以 显示 雇员 新 增加 的 信息 。 这 里 希望 隐藏 这 些 细节 ， 无 
论 基 类 还 是 派生 类 ， 都 调用 同一 个 显示 方法 ， 根 据 对 象 不 同 ， 自 动 显 示 不 同 的 信息 。 那 么 
可 以 用 虚 方 法 来 实现 ， 代 码 如 下 。 

using System : 


public class Person 
{ 
private String name=" 张 三 ";// 类 的 数据 成 员 声 明 
private int age=12; 
protected virtual void Display0// 类 的 虚 方 法 
{ 
Console.WriteLine(" 姓 名 :{0}, 年 龄 : {1}",name,age); 
} 
public Person(string Name,int Age)// 构 造 函 数 ,函数 名 和 类 同名 ,无 返回 值 
{ 
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name=Name; 


age—Age; 


} 
static public void DisplayData(Person aPerson)// 静 态 方法 
上‘ 
aPerson.Display(0;// 不 是 静态 方法 调用 实例 方法 ， 如 写 为 Display0 错 误 
} 
} 
public class Employee:Person//Person 类 是 基 类 
Hy 
Private string department: 
private decimal salary; 
public Employee(string Name,int Age,string D,decimal S):base(Name,Age) 
{ 
department=D:; 
salary=S; 
| 
protected override void Display0// 重 载 虚 方法 ， 注 意 用 override 
tf 
base.Display0:// 访 问 基 类 同名 方法 
Console.WriteLine(" 部 门 : {0} ”薪金 : {1} ", department,salary); 
} 
class Classl 
{ 
static void Main(string[] args) 
Person OnePerson=new Person(" 李 四 ",30); 
Person.DisplayData(OnePerson);// 显 示 基 类 数据 
Employee OneEmployee=new Employee(" 王 五 ",40," 财 务 部 ",2000); 
Person.DisplayData(OneEmployee); // 显 示 派生 类 数据 
b 
i 


运行 程序 ， 输 出 结果 如 下 。 


姓名 : 李 四 , 年 龄 : 30 
姓名 : 王 五 年龄: 40 
部 门 : 财务 部 ”薪金 : 2000 


4.11 抽象 类 和 抽象 方法 


抽象 类 表示 一 种 抽象 的 概念 ， 只 是 希望 以 它 为 基 类 的 派生 类 有 共同 的 函数 成 员 和 数据 
成 员 。 抽 象 类 使 用 abstract 修饰 符 ， 对 抽象 类 的 使 用 有 以 下 几 点 规定 。 

e 抽象 类 只 能 作为 其 他 类 的 基 类 ， 它 不 能 直接 被 实例 化 。 

e 抽象 类 允许 包含 抽象 成 员 ， 虽 然 这 不 是 必需 的 。 抽 象 成 员 用 abstract 修饰 符 修饰 。 

。 抽象 类 不 能 同时 又 是 密封 的 。 
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e 抽象 类 的 基 类 也 可 以 是 抽象 类 。 如 果 一 个 非 抽象 类 的 基 类 是 抽象 类 ， 则 该 类 必须 
通过 覆盖 来 实现 所 有 继承 而 来 的 抽象 方法 ， 包 括 其 抽象 基 类 中 的 抽象 方法 。 如 果 
该 抽象 基 类 从 其 他 抽象 类 派生 ， 还 应 包括 其 他 抽象 类 中 的 所 有 抽象 方法 。 

示例 程序 如 下 。 


abstract class Figure// 抽 象 类 定义 
{ 








protected double x= 0,y=0; 
public Figure(double a, double b) 
i 


=a; 
2 
} 
public abstract void Area0:;// 抽 象 方法 ， 无 实现 代码 
} 
class Square : Figure/// 类 Square 定义 
{ 
public Square(double a, double b): base(a, b) 
public override void Area()/ 不 能 使 用 new， 必 须 用 override 
{ Console.WriiteLine(" 矩 形 面积 是 : {0}", x * y);} 
} 
class Circle : Figure/// 类 Square 定义 
{ 
public Circle(double a): base(a, a) 
二 
public override void Area0) 
{ Console.WriteLine(" 园 面积 是 : {0}", 3.14* x * y); } 
} 
class Classl 
时 
static void Main(string[] args) 
{ 
Square s = new Square(20, 30): 
Circle ¢ = new Circle(10): 
s.Area(); 
Cc.Area(); 


) 
程序 输出 结果 如 下 。 


矩形 面积 是 : 600 
园 面 积 是 : 314 





抽象 类 Figure 提供 了 一 个 抽象 方法 Area0， 并 没有 实现 它 ， 类 Square 和 Circle 从 抽象 
类 Figure 中 继承 方法 Area0， 分 别 具 体 实现 计算 矩形 和 圆 的 面积 。 
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4.12 ”密封 类 和 密封 方法 


有 时 候 , 开发 者 并 不 希望 自己 编写 的 类 被 继承 , 或 者 有 的 类 已 经 没有 再 被 继承 的 必要 。 
C# 提 出 了 一 个 密封 类 (sealed class) 的 概念 ， 帮 助 开发 人 员 来 解决 这 一 问题 。 
密封 类 在 声明 中 使 用 sealed 修饰 符 ， 这 样 就 可 以 防止 该 类 被 其 他 类 继承 。 如 果 试 图 将 
-个 密封 类 作为 其 他 类 的 基 类 ，C# 编 译 器 将 提示 出 错 。 理 所 当然 ， 密 封 类 不 能 同时 又 是 抽 
C# 还 提出 了 密封 方法 (sealed method) 的 概念 。 方 法 使 用 sealed 修饰 符 ， 称 该 方法 是 一 
个 密封 方法 。 在 派生 类 中 ， 不 能 覆盖 基 类 中 的 密封 方法 。 





4.13 ”接口 


与 类 一 样 ， 在 接口 中 可 以 定义 一 个 和 多 个 方法 、 属 性 、 索 引 指 示 器 和 事件 。 但 与 类 不 
同 的 是 ， 接 口中 仅仅 是 它们 的 声明 ， 并 不 提供 实现 。 因 此 ， 接 口 是 函 数 成 员 声 明 的 集合 。 
如 果 类 或 结构 从 一 个 接口 派生 ， 则 这 个 类 或 结构 负责 实现 该 接口 中 所 声明 的 所 有 成 员 。 
个 接口 可 以 从 多 个 接口 继承 , 而 一 个 类 或 结构 可 以 实现 多 个 接口 。 由 于 C# 语 言 不 支持 多 继 
承 ， 因 此 ， 如 果 某 个 类 需要 继承 多 个 类 的 行为 时 ， 只 能 使 用 多 个 接口 加 以 说 明 。 
4.13.1 接口 声明 
接口 声明 是 一 种 类 型 声明 ， 它 定义 了 一 种 新 的 接口 类 型 。 接 口 声 明 格式 如 下 
属性 ”接口 修饰 符 interface 接口 名 : 基 接 口 {接口 体 } 


其 中 ， 关 键 字 interface、 接 口 名 和 接口 体 是 必需 的 ， 其 他 项 是 可 选 的 。 接 口 修饰 符 可 
以 是 new、Ppublic、protected、intermal 和 private。 示 例 代码 如 下 。 














public interface IExample 
{W 所 有 接口 成 员 都 不 能 包括 实现 
string this[int index] {getset;}// 索 引 指示 器 声明 
event EventHandler E:// 事 件 声明 
void F(int value);// 方 法 声明 
string P { get; set;}// 属 性 声明 
| 


声明 接口 时 ， 需 注意 以 下 几 点 。 

e 接口 成 员 只 能 是 方法 、 属 性 、 索 引 指示 器 和 事件 ， 不 能 是 常量 、 域 、 操 作 符 、 构 
造 函数 或 析 构 函数 ， 不 能 包含 任何 静态 成 员 。 

e 接口 成 员 声 明 不 能 包含 任何 修饰 符 ， 接 口 成 员 默 认 访问 方式 是 public。 
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4.13.2 ”接口 继承 


类 似 于 类 的 继承 性 ， 接 口 也 有 继承 性 。 派 生 接口 继承 了 基 接 口中 的 函数 成 员 说 明 。 接 
口 允许 多 继承 ， 一 个 派生 接口 可 以 没有 基 接 口 ， 也 可 以 有 多 个 基 接 口 。 在 接口 声明 的 冒号 
后 列 出 被 继承 的 接口 名 字 ， 多 个 接口 名 之 间 用 分 号 分 割 。 示 例 代码 如 下 。 





























Using System: 
interface IControl 
void PaintO:; 
} 
interface ITextBox:IControl// 继 承 了 接口 Icontrol 的 方法 Paint0 


void SetText(string texb): 
上 
interface IListBox:IControl// 继 承 了 接口 Icontrol 的 方法 PaintO) 


Void SetItems(string[] items): 
} 
interface IComboBox:ITextBox.IListBox 
{// 可 以 声明 新 方法 } 

上 面 的 例子 中 , 接口 TTextBox 和 IListBox 都 从 接口 IControl 中 继承 ， 也 就 继承 了 接口 
IControl 的 Paint 方法 。 接 口 ComboBox 从 接口 ITextBox 和 IListBox 中 继承 ， 因 此 它 应 该 
继承 了 接口 ITextBox 的 SetText 方法 和 IListBox 的 SetItems 方法 ， 还 有 IControl 的 Paint 
方法 。 


4.13.3 ”类 对 接口 的 实现 


接口 定义 不 包括 函数 成 员 的 实现 部 分 ， 由 继承 该 接口 的 类 或 结构 来 实现 这 些 函 数 成 
员 。 这 里 主要 讲述 通过 类 来 实现 接口 。 类 实现 接口 的 本 质 是 ， 用 接口 规定 类 应 实现 那些 函 
数 成 员 。 用 类 来 实现 接口 时 ， 接 口 的 名 称 必须 包含 在 类 声明 中 的 基 类 列表 中 。 

例如 ， 从 Person 类 可 以 派生 出 其 他 类 ， 如 工人 类 、 公 务 员 类 、 医 生 类 等 。 这 些 类 有 一 
些 共 有 的 方法 和 属性 ， 如 工资 属性 。 一 般 希 望 所 有 派生 类 访问 工资 属性 时 用 同样 变量 名 。 
该 属性 定义 在 类 Person 中 不 合适 ， 因 为 有 些 人 无 工资 ， 如 小 孩 。 如 定义 一 个 类 作为 基 类 ， 
包含 工资 属性 ,但 C# 不 支持 多 继承 。 可 行 的 办 法 是 使 用 接口 ， 在 接口 中 声明 工资 属性 。 
人 类 、 公 务 员 类 、 医 生 类 等 都 必须 实现 该 接口 ， 也 就 保证 了 它们 访问 工资 属性 时 用 同样 变 
量 名 。 示 例 代码 如 下 。 















































using System: 
public interface Salary// 接 口 


decimal Salary// 属 性 声明 
于 
get; 


set: 
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} 
public class Person 


{…// 见 前 面 的 Person 类 的 定义 ， 这 里 不 重复 了 。 


} 


public class Employee:Person,I Salary//Person 类 是 基 类 ,I Salary 是 接口 
{// 不 同 程序 员 完 成 工人 类 、 医 生 类 等 ， 定 义工 资 变 量 名 称 可 能 不 同 


Private decimal salary; 
public new void DisplayO 
{ 

base.Display(); 


Console._ WriteLine(" 薪 金 : {0} ",salary); 


} 
// 工 人 类 、 医 生 类 等 都 要 实现 属性 Salary， 保 证 使 用 的 工资 属性 同名 


public decimal Salary 


get 
{ retum salary:} 
set 
{ salary=value;} 
1 
public class Test 
{ 
public static void Main0) 
{ 
Employee S=new Employee(): 
S.Name=" 田 七 ";// 修 改 属性 Name 
S.Age=20;// 修 改 属性 Age 
S.Salary=2000;// 修 改 属性 Salary 
S.Display0; 


} 


如 果 类 实现 了 某 个 接口 ， 类 也 隐 式 地 继承 了 该 接口 的 所 有 基 接 口 ， 不 管 这 些 基 接口 有 
没有 在 类 声明 的 基 类 表 中 列 出 。 因 此 ， 如 果 类 从 一 个 接口 派生 ， 则 这 个 类 负责 实现 该 接口 


及 该 接口 的 所 有 基 接 口中 所 声明 的 所 有 成 员 。 


4.14 


代表 


在 这 里 要 介绍 的 是 C# 的 一 个 引用 类 型 一 一 代表 (delegate)， 也 翻译 为 委托 。 它 实际 上 相 





当 于 C 语言 的 函数 指针 。 与 指针 不 同 的 是 C# 
属性 集 修饰 符 delegate 函数 返回 类 型 定 








的 代表 是 类 型 安全 的 。 代 表 类 声明 格式 如 下 。 
义 的 代表 标识 符 (函数 形 参 列表 ); 


修饰 符 包 括 new、public、protected、internal 和 private。 例 如 ， 可 以 声明 一 个 返回 类 型 
为 int， 无 参数 的 函数 的 代表 MyDelegate， 如 下 。 
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public delegate int MyDelegate0:// 只 能 代表 返回 类 型 为 mt， 无 参数 的 函数 


声明 了 代表 类 MyDelegate， 可 以 创建 代表 类 MyDelegate 的 对 象 ， 用 这 个 对 象 去 代表 
-个 静态 方法 或 非 静态 的 方法 ， 所 代表 的 方法 必须 为 int 类 型 ， 无 参数 。 示 例 代码 如 下 。 


Using System 
delegate int MyDelegate0:// 声 明 一 个 代表 ， 注 意 声明 的 位 置 
public class MyClass 
{ 
public int InstanceMethodO// 非 静态 的 方法 ， 注 意 方法 为 int 类 型 ， 无 参数 
Console.WriteLine(" 调 用 了 非 静 态 的 方法 。"); 
Teturn 0; 
1 
static public int StaticMethodO// 静 态 方法 ， 注 意 方法 为 nt 类 型 ， 无 参数 
Console.WriteLine(" 调 用 了 静态 的 方法 。"); 
Teturn 0; 
1 
} 
public class Test 
{ 
static public void Main | 
{ 
MyClass p = new MyClass(); 
/用 new 建立 代表 类 MyDelegate 对 象 ，d 中 存储 非 静 态 的 方法 InstanceMethod 的 地 址 
MyDelegate d=new MyDelegate(p.InstanceMethod);// 参 数 是 被 代表 的 方法 
d0;// 调 用 非 静 态 方法 
/用 new 建立 代表 类 MyDelegate 对 象 ，d 中 存储 静态 的 方法 StaticMethod 的 地 址 
d=new MyDelegate(MyClass.StaticMethod);// 参 数 是 被 代表 的 方法 
d0;// 调 用 静态 方法 
Ht 
} 
程序 的 输出 结果 如 下 。 
调用 了 非 静 态 的 方法 。 
调用 了 静态 的 方法 。 


4.15 命名 空间 


-个 应 用 程序 可 能 包含 许多 不 同 的 部 分 ， 除 了 自己 编制 的 程序 之 外 ， 还 要 使 用 操作 系 
统 或 开发 环境 提供 的 函数 库 、 类 库 或 组 件 库 ， 软 件 开发 商 处 购买 的 函数 库 、 类 库 或 组 件 库 ， 
发 团队 中 其 他 人 编制 的 程序 ， 等 等 。 为 了 组 织 这 些 程序 代码 ， 使 应 用 程序 可 以 方便 地 使 
用 这 些 程序 代码 ，C# 语 言 提出 了 命名 空间 的 概念 。 命 名 空间 是 函数 、 类 或 组 件 的 容器 ， 把 
它们 按 类 别 放 入 不 同 的 命名 空间 中 ， 命 名 空间 提供 了 一 个 逻辑 上 的 层次 结构 体系 ， 使 应 用 
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程序 能 方便 地 找到 所 需 代码 。 
4.15.1 命名 空间 的 声明 








用 关键 字 namespace 声明 一 个 命名 空间 ， 命 名 空间 的 声明 要 么 是 源 文件 using 语句 后 
的 第 一 条 语句 ， 要 么 作为 成 员 出 现在 其 他 命名 空间 的 声明 之 中 。 也 就 是 说 ， 在 一 个 命名 空 
间 内 部 还 可 以 定义 命名 空间 成 员 。 全 局 命名 空间 应 是 源 文件 using 语句 后 的 第 一 条 语句 。 
在 同一 命名 空间 中 ， 不 允许 出 现 同 名 命名 空间 成 员 或 同名 的 类 。 在 声明 时 不 允许 使 用 任何 
访问 修饰 符 ， 命 名 空间 隐 式 地 使 用 public 修饰 符 。 示 例 代 码 如 下 。 











Using System:; 
namespace N1//N1 为 全 局 命名 空间 的 名 称 ， 应 是 using 语句 后 的 第 一 条 语句 
{ 

namespace N2// 命 名 空间 N1 的 成 员 N2 

{ 


class A// 在 N2 命名 空间 定义 的 类 不 应 重 名 
{ voidf100;} 
class B 
{ void f200;} 
1 
| 


也 可 以 采用 非 居 套 的 语法 来 实现 以 上 命名 空间 。 


namespace N1.N2// 类 A、B 在 命名 空间 N1.N2 中 


{ 
class A 
{ voidfl0f 3 
classB 
{ void f200;} 
} 


也 可 以 采用 如 下 格式 。 


namespace N1.N2// 类 A 在 命名 空间 N1.N2 中 


class A 
{void 10€;} 
} 
namespace N1.N2// 类 B 在 命名 空间 N1.N2 中 
{ 
class B 
{void 200;} 
| 


4.15.2 ”命名 空间 的 使 用 


如 在 程序 中 ， 需 引用 其 他 命名 空间 的 类 或 函数 等 ， 可 以 使 用 语句 using。 例如 ， 需 使 
上 节 定 义 的 方法 和 0 和 亿 0， 可 以 采用 如 下 代码 。 

















码 
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using N1.N2; 
class WelcomeApp 
{ 
A a=new A(O; 
afl0; 
} 


using N1.N2 实际 上 是 告诉 应 用 程序 到 哪里 可 以 找到 类 A。 





4.16 本 章 小 结 


C# 是 .NET 中 使 用 得 最 为 广泛 的 语言 。 本 章 简单 介绍 了 C# 语 言 的 基础 知识 ， 使 得 开发 
人 员 能 够 具备 C# 语 言 基础 ， 以 便 更 好 地 使 用 C# 语 言 开 发 ASPNET 应 用 程序 。 

本 章 主要 介绍 了 C# 语 言 中 的 基础 知识 ， 内 容 包括 类 与 对 象 的 概念 、 数 据 类 型 及 其 转 
换 、 运 算 符 、 流 程控 制 语句 、 类 的 继承 、 类 的 成 员 、 类 的 字段 和 属性 、 类 的 方法 及 参数 、 
抽象 类 和 抽象 方法 、 密 封 类 和 密封 方法 、 接 口 、 代 表 、 命 名 空间 等 概念 及 使 用 方法 。 

学 习 完 本 章 内 容 后 ， 读 者 应 能 够 使 用 C# 语 言 进行 开发 ， 以 便 之 后 使 用 C# 更 好 地 进行 
ASPNET 网 站 开发 。 





4.17 思考 和 练习 


1. 一 列 数 的 规则 如 下 : 1、1、2、3、5、8、13、21、34*…… 求 第 30 位 数 是 多 少 ， 用 
递归 算法 实现 。 

2. 请 编程 实现 一 个 冒 泡 排 序 算法 。 

3. CTS、CLS、CLR 分 别 作 何 解 释 ? 

4. 什么 是 装 箱 和 拆 箱 ? 
5. 数组 有 没有 length() 这 个 方法 ?String 有 没有 length() 这 个 方法 ? 
6. 谈 谈 final，finally，finalize 的 区 别 。 
7 
8 





. 成 员 变量 和 成 员 函 数 前 加 static 的 作用 ? 
. 在 C# 中 using 和 new 这 两 个 关键 字 有 什么 意义 , 请 写 出 你 所 知道 的 意义 ?using 指 
令 和 语句 new 创建 实例 new 隐藏 基 类 中 方法 。 
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ASP.NET 服务 器 控件 是 ASP.NET 网 页 上 的 对 象 ， 当 客户 端 浏览 器 请 求 服务 器 端的 网 
页 时 ， 这 些 控件 对 象 将 在 服务 器 上 运行 然后 向 客户 端 浏览 器 呈现 HTML 标记 。 使 用 
ASPNET 服务 器 控件 ， 可 以 大 幅 减少 开发 Web 应 用 程序 所 需 编写 的 代码 量 ， 提 高 开发 效 
率 和 Web 应 用 程序 的 性 能 。 

本 章 首先 介绍 ASPNET 服务 器 控件 的 基本 概念 ， 然 后 详细 介绍 在 ASPNET 网 页 中 如 
何 添加 ASP.NET 服务 器 控件 ， 以 及 这 些 控件 的 使 用 方法 。 





本 章 的 学 习 目 标 : 

e 了解 ASPNET 服务 器 控件 的 定义 。 

e 掌握 如 何 向 网 页 中 添加 ASP.NET 服务 嚣 控件， 如 何 配 置 控件 的 属性 、 行 为 和 外 观 
以 及 如 何以 编程 方式 使 用 这 些 控件 。 


5.1 ASP.NET 服务 器 控件 概述 


在 网 页 上 经 常 看 到 填写 信息 用 的 文本 框 、 单 选 按 钮 、 复 选 框 、 下 拉 列 表 等 元 素 ， 它 们 
都 是 控件 。 控 件 是 可 重用 的 组 件 或 对 象 ， 有 自己 的 属性 和 方法 ， 可 以 响应 事件 。 

ASP.NET 服务 器 控件 是 服务 器 端 ASPNET 网 页 上 的 对 象 ， 当 用 户 通 过 浏览 器 请 求 
ASPNET 网 页 时 ， 这 些 控件 将 运行 并 把 生成 的 标准 的 HTML 文件 发 送 给 客户 端 浏览 器 来 
呈现 。 

网 站 部 署 在 Web 服务 器 上 ， 人 们 可 以 通过 浏览 器 来 访问 这 个 站 点 。 当 客户 端 请 求 一 个 
静态 的 HTML 页 面 时 ， 服 务 器 找到 对 应 的 文件 直接 将 其 发 送 给 用 户 端 浏览 器 ， 而 在 请 求 
ASPNET 页 面 时 (扩展 名 为 .aspx 的 页 面 )， 服 务 器 将 在 文件 系统 中 找到 并 读 取 对 应 的 页 面 ， 
然后 将 页 面 中 的 服务 器 控件 转换 成 浏览 器 可 以 读 取 的 HIML 标记 和 一 些 脚本 代码 , 再 将 转 
换 后 的 结果 页 面 发 送 给 用 户 。 

在 ASPNET 页 面 上 ， 服 务 器 控件 表现 为 一 个 标记 ， 如 <asp:textbox…/>。 这 些 标记 不 
是 标准 的 HTML 元 素 ， 因 此 如 果 它 们 出 现在 网 页 上 ， 浏 览 器 将 无 法 理解 它们 。 然 而 ， 当 从 
Web 服务 器 上 请 求 一 个 ASP.NET 页 面 时 ， 这 些 标记 都 将 动态 地 转换 为 HIML 元 素 ， 因 此 
浏览 器 只 会 接收 到 它 能 理解 的 HIML 内 容 。 

在 创建 .aspx 页 面 时 , 可 以 将 任意 的 服务 器 控件 放置 到 页 面 上 , 然而 请 求 服务 器 上 该 页 
面 的 浏览 器 将 只 会 接收 到 HTML 和 JavaScript 脚本 代码 ， 如 图 5-1 所 示 。 
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ttp://server/index.aspx, 

















图 5-1 服务 器 端 代码 转换 为 客户 端 代码 








由 此 可 见 ，Web 浏览 器 无 法 理解 ASPNET。Web 浏览 器 只 能 理解 HIML， 可 能 也 理 
解 JavaScript， 但 它 不 能 直接 处 理 ASP.NET 代码 。 服 务 器 读 取 ASP.NET 代码 并 进行 处 理 ， 
然后 将 所 有 ASP.NET 特 有 的 内 容 转换 为 HTML 以 及 (如 果 浏 览 器 支持 ) 一 些 JavaScript 代 码 ， 
然后 将 最 新 生成 的 HIML 发 送 回 浏览 器 。 

ASP.NET 服务 器 控件 主要 类 别 有 HTML 服务 器 控件 、 标 准 服务 器 控件 、 验 证 控件 、 
用 户 控 件 、 数 据 控件 、 导 航 控件 等 。 

本 章 主要 介绍 HTML 服务 器 控件 、 标 准 服务 器 控件 、 验 证 控件 和 用 户 控件 。 

















5.2 HTML 元 素 和 HTML 服务 器 控件 


本 节 描 述 如 何 使 用 VS 工具 箱 的 HTML 选项 卡 中 的 ASPNET 服务 器 控件 。 
5.2.1 HTML 元 素 


在 VS 中 ， 从 工具 箱 添加 到 页 面 上 的 HTML 服务 器 控件 只 是 已 设置 了 某 些 属性 的 
HTML 元 素 ， 当 然 也 可 通过 在 【 源 】 视 图 中 输入 HIML 标记 创建 HTML 元 素 。 

默认 情况 下 ，ASP.NET 文件 中 的 HTML 元 素 作为 文本 进行 处 理 ， 并 且 不 能 在 服务 器 
端 代 码 中 引用 这 些 元 素 ， 只 能 在 客户 端 通过 javascript 和 vbscript 等 脚本 语言 来 控制 。 
工具 箱 的 HIML 选项 卡 上 提供 了 一 些 基于 HIML INPUT 元 素 的 控件 。 本 节 通 过 下 列 
两 个 控件 介绍 HIML INPUT 元 素 的 使 用 方法 。 

(1) Input (Texb 控件 ， 文 本 框 控件 ， 默认 情况 下 是 INPUT type="text" 元 素 。 

(2) Input (Buttom) 控 件 ， 按 钮 控件 : 默认 情况 下 是 INPUT type="button" 元 素 。 

Input(Text 元 素 创建 允许 用 户 在 其 中 输入 文本 或 密码 的 单行 文本 框 ， 其 主要 属性 有 以 
下 几 点 。 

e@ Type=text/password， 文 本 框 的 类 型 。 

。 MaxLength， 文 本 框 中 最 大 的 输入 字 节 。 

e Size， 设 定 文本 框 的 宽度 。 

e Value， 设 定 文本 框 的 值 。 
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Input(Button) 元 素 的 主要 功能 是 创建 一 个 用 来 触发 事件 处 理 程序 的 按钮 ， 通 过 使 
onClick 属性 来 表明 单 击 按钮 可 以 触发 的 处 理 方法 。 其 主要 属性 有 以 下 几 点 。 

e ID， 此 控件 的 编程 名 称 。 

e value， 设 置 按 钮 中 显示 的 文本 。 

【 例 5-1】 演 示 如 何 使 用 Input (Texb 元 素 和 Input (Button) 元 素 。 

(1) 运行 VS， 新 建 名 为 WebSite5 的 ASPNET 网 站 。 

(2) 新 建 页 面 example5-1.aspx， 切 换 到 【设计 】 视 图 ， 从 【工具 箱 】 的 HTML 组 中 拖 
动 3 个 Input(Text) 控 件 和 1 个 Input(Button) 控 件 到 页 面 , 页 面 设计 效果 如 图 5-2 所 示 , 再 切 
换 到 【 源 】 视 图 可 看 到 如 下 所 示 的 代码 。 





























LO 





图 5-2 HTML image 控件 


<input id="Textl" type="text" /> 十 

<input id="Text2" type="text" /> 

<input id="Button1" type="button" value="=" /> 
<input id="Text3" type="text" /></div> 


为 文本 框 Textl 和 Text2 分 别 添加 属性 maxlength ="3" 以 控制 输入 字符 的 个 数 不 超 过 3 
个 。 给 按钮 Buttonl 控件 添加 属性 onclick="AddButton_ClickQ:"。 
(3) 切换 到 【 源 】 视 图 ， 添加 如 下 客户 端 脚本 到 <body> 标 记 前 。 


<script type ="text/javascript"> 
function AddButton_Click( ) 
上 
alert(You clicked me.); 
Var a= document.getElementById("Textl").value: 
varb= document.getElementById("Text2").value; 
// alert(a); alert(b): 
Var answer—parselInt(a)+parseInt(b); 
document.getElementById("Text3").value=answer : 
//alert(answer): 
</script> 





(4) 按 Ctl+F5， 观 看 运行 效果 。 单 击 = 按钮 时 ， 将 调用 客户 端 脚本 AddButton_Click()。 
5.2.2 ”HTML 服务 器 控件 


在 VS 中 ， 从 工具 箱 添加 到 ASP.NET 页 面 上 的 HTML 服务 器 控件 只 是 已 设置 了 某 些 
属性 的 HTML 元 素 。 
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默认 情况 下 ， 这 些 添加 到 ASPNET 文件 中 的 HTML 元 素 被 视 为 传递 给 浏览 器 的 标记 ， 
作为 文本 进行 处 理 ， 不 能 在 服务 器 端的 代码 中 引用 这 些 元 素 。 若 要 使 这 些 元 素 能 以 编程 方 
式 进 行 访问 , 可 以 通过 添加 runat="server" 属 性 表明 应 将 HTML 元 素 作为 服务 器 控件 进行 
处 理 。 还 可 设置 HTML 元 素 的 id 属性 , 这 样 就 可 使 用 基于 服务 器 的 代码 对 其 进行 编程 引 
用 了 。 

添加 了 属性 runat="server" 的 HTML 元 素 就 转换 为 HTML 服务 器 控件 了 。 移 除 控件 标 
记 中 的 mnat="server" 属 性 ，HTML 服务 器 控件 就 转换 为 HTML 元 素 了 。 

【 例 5-2】 演 示 如 何 使 用 工具 箱 的 Input(Button) 服 务 器 控件 、Input(Text) 服 务 器 控件 。 
(1) 打开 【 例 5-1】 所 建 的 WebSites 网 站 。 


















































(2) 新 建 名 为 example5-2.aspx 的 Web es Molinputservertontrolaspn ~ x 
页 面 文件 。 从 【工具 箱 】 的 HTML 组 中 拖 动 。 全 3 蕊 一 人 
3 个 Input(Texb 控 件 和 1 个 Input(Button) 控 件 和 el 
到 页 面 ， 如 图 5-3 所 示 。 局 设计 ] 口 拆 分 | 回 源 | 四 [dampromiz [eavS GET 
为 文本 框 Textl 和 Text2 分 别 添加 属性 图 5-3 ”HTML input 控件 设计 视图 


maxlength ="3" 以 控制 输入 字符 的 个 数 不 超 
过 3 个 。 给 按钮 Buttonl 控件 添加 属性 onserverclick="AddButton_Click"， 重 置 值 value="="。 
给 这 3 个 文本 框 控件 和 这 1 个 按钮 控件 都 添加 属性 mnat="server"， 以 便 将 这 些 控件 转 
换 为 HTML 服务 器 控件 。 
切换 到 【 源 】 视 图 ， 可 看 到 如 下 所 示 的 代码 。 
<input id="Textl" type="Text" size="2" maxlength="3" runat="server" /> 十 
<input id="Text2" type="Text" size="2" maxlength="3" runat="server" /> 
<input id="Buttonl" type="button" value="=" onserverclick="AddButton_Click" runat="server"/> 
<input id="Text3" type="Text" size="2" maxlength="3" runat="server" /> 


(3) 切换 到 example5-2.aspx 的 【 源 】 视 图 ， 将 下 列 服 务 器 端 脚本 加 到 <body> 标 记 前 。 


<script runat="server"> 
protected void AddButton_Click(Object sender, EventArgs e) 
td 
int Answer: 
Answer = Convert.ToImt32(Text1.Value) + Convert.ToInt32(Text2.Value); 
Text3.Value = Answer.ToString(); 
} 
</script> 
(4) 按 Cal+F5 组 合 键 , 在 正 浏 览 器 中 观看 运行 效果 。 单 击 = 按钮 时 ,将 调用 服务 器 端 
脚本 AddButton_Click()。 
HTML 控件 由 HTML 元 素 衍 生 而 来 ， 由 于 HTML 元 素 的 属性 只 能 静态 地 设置 ， 一 般 
在 程序 执行 过 程 中 不 能 被 修改 ,很 不 灵活 。 为 了 弥补 这 一 不 足 。ASP.NET 特地 提供 HIML 
控件 ， 这 种 控件 允许 在 程序 中 设置 其 属性 ， 也 允许 在 程序 的 执行 过 程 中 动态 地 读 取 及 修改 
其 属性 ， 从 而 可 以 产生 动态 的 网 页 。 
【 例 5-1】 中 的 HIML Input(Button) 元 素 和 【 例 5-2】HTML 服务 器 控件 的 比较 ， 代 码 
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如 下 。 


ns 
Nn 
比较 这 两 个 语句 ， 可 以 看 出 声明 一 个 HTML 服务 器 按钮 控件 和 声明 一 个 HTML 元 素 
有 以 下 几 点 不 同 。 
e 服务 器 按钮 控件 用 onserverclick 属性 代替 了 html 按钮 的 onclick 属性 。 
e 服务 器 按钮 控件 多 用 了 一 个 属性 ranat 二 "server"。 
说 明 : 
e ID 属性 是 标识 服务 器 控件 的 唯一 标志 ， 通 过 它 可 以 像 引 用 一 个 对 象 一 样 来 直接 在 
服务 器 端 引用 服务 器 控件 。 
e 用 OnServerClick 属性 代 蔡 OnClick 属性 是 为 了 表明 响应 按钮 的 单 击 事件 是 在 服务 
器 端 进行 处 理 ， 而 不 是 客户 端 。 
@ 多 出 的 runat 王 "server" 属 性 是 说 明 该 控件 为 服务 器 控件 , 这 是 区 别 HTML 服务 器 控 
件 和 html 元 素 的 唯一 方法 。 


5.3 ”标准 服务 器 控件 


ASPNET 包含 大 量 可 在 ASPNET 网 页 上 使 用 的 标准 服务 器 控件 。 本 节 重 点 从 
ASP.NET 服务 器 控件 的 工作 原理 和 过 程 入 手 ， 介 绍 控件 的 常用 功能 和 用 法 。 


5.3.1 ”Button 控件 


在 服务 器 代码 中 触发 一 个 事件 ， 可 以 处 理 该 事件 来 响应 回 发 。 
ASPNET 中 有 3 种 按钮 控件 ， 每 种 按钮 控件 在 网 页 上 显示 的 方式 都 不 同 ， 如 表 5-1 
所 示 。 


表 5-1 按钮 控件 的 比较 





控件 说 了 明 
Button 显示 一 个 标准 命令 按钮 ， 该 按钮 呈现 为 一 个 HTML input 元 素 
LinkButton 呈现 为 页 面 中 的 一 个 超 链接 。 但 是 , 它 包含 使 窗 体 被 发 回 服务 器 的 客户 端 脚 本 (可 以 
使 用 HyperLink 服务 器 控件 创建 真实 的 超 链 接 ) 
ImageButton 将 图 形 呈现 为 按钮 这 对 于 提供 丰富 的 按钮 外 观 非常 有 用 。ImageButton 控件 还 提供 





有 关 图 形 内 已 单 击 位 置 的 坐标 信息 





(1) 按钮 事件 
当 用 户 单 击 任何 Button( 按 钮 ) 服 务 器 控件 时 ， 会 将 该 页 发 送 到 服务 器 。 这 使 得 在 基于 
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服务 器 的 代码 中 ， 网 页 被 处 理 ， 任 何 挂 起 的 事件 被 触发 。 这 些 按钮 还 可 触发 它们 自己 的 
Click 事件 ， 可 以 为 这 些 事件 编写 事件 处 理 程序 。 

(2) 按钮 回 发 行为 

当 用 户 单 击 按钮 控件 时 ， 该 页 回 发 到 服务 器 。 默 认 情 况 下 ， 该 页 回 发 到 其 本 身 ， 在 这 
里 重新 生成 相同 的 页 面 并 处 理 该 页 上 控件 的 事件 处 理 程序 。 

可 以 配置 按钮 以 将 当前 页 面 回 发 到 另 一 页 面 。 这 对 于 创建 多 页 窗 体 可 能 非常 有 用 。 

默认 情况 下 ，Button 控件 使 用 HIML POST 操作 提交 页 面 。LinkButton 和 ImageButton 
控件 不 能 直接 支持 HTML POST 操作 。 因 此 ， 使 用 这 些 按钮 时 ， 它 们 将 客户 端 脚本 添加 到 
页 面 以 允许 控件 以 编程 方式 提交 页 面 。 因 此 LinkButton 和 ImageButton 控件 要 求 在 浏览 器 
上 启用 客户 端 脚 本 。 

在 某 些 情况 下 ， 可 能 希望 Button 控件 也 使 用 客户 端 脚本 执行 回 发 。 这 在 希望 以 编程 方 
式 操作 回 发 (如 将 回 发 附加 到 页 面 上 的 其 他 元 素 ) 时 非常 有 用 。 可 以 将 Button 控件 的 
UseSubmitBehavior 属性 设置 为 tue， 以 使 Button 控件 使 用 基于 客户 端 脚 本 的 回 发 。 

(3) 处 理 Button 控件 的 客户 端 事件 

Button 控件 既 可 以 引发 服务 器 事件 ， 也 可 以 引发 客户 端 事件 。 服 务 器 事件 在 回 发 后 发 
生 ， 且 这 些 事件 在 为 页 面 编写 的 服务 器 端 代码 中 处 理 。 客 户 端 事件 在 客户 端 脚 本 (通常 为 
ECMAScript(JavaScripb) 中 处 理 ， 并 在 提交 页 面前 引发 。 通 过 向 ASPNET 按钮 控件 添加 客 
户 端 事件 ， 可 以 执行 一 些 任 务 (如 在 提交 页 之 前 显示 确认 对 话 框 以 及 可 能 取消 提交 )。 

【 例 5-3】 演 示 Button 控件 、LinkButton 控件 、ImageButton 控件 的 使 用 。 

@ 启动 VS， 然 后 打开 ASPNET 网 站 WebSite5。 

@ 新 建 页 面 example5-3.aspx .music.aspx 和 dog.aspx。 在 网 站 根 目 录 下 新 建 名 为 Images 
的 文件 夹 ， 将 选中 的 图 片 添加 到 Images 文件 夹 中 。 

@ 切换 到 example5-3-1.aspx 的 【设计 】 视 图 ， 在 【工具 箱 】 中 双击 相应 的 控件 ， 添 
加 1 个 HyperLink 控件 、1 个 LinkButton 控件 、1 
个 Button 控 件 ,1 个 ImageButton 控 件 和 1 个 Label 
控件 ， 如 图 5-4 所 示 。 

@ 在 【设计 】 视 图 中 ， 单 击 HyperLinkl 控 
件 ， 在 其 属性 窗口 设置 Text 属性 值 为 Baidu， 
NavigateUrl 属性 值 分 别 为 http://www.baidu.com。 

同样 ， 设 置 LinkButtonl 控件 的 Text 属性 值 















































为 【音乐 】，PostBackUrl 属性 值 为 ~/music.aspx; i 
ImageButtonl 控件 的 ImageUr 属性 值 为 图 5-4 创建 按钮 控件 





~/Images/dog.jpg ， PostBackUr 属性 值 为 
~/dog.aspx， 如 下 标记 代码 所 示 。 
<div> 
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://www.baidu.com/"> 百 度 一 下 
</asp:HyperLink> 
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<asp:LinkButton ID="LinkButton1" runat—"server" PostBackUrl="~/music.aspx" 
onclick="LinkButton1_Click"> 音 乐 </asp:LinkButton> 

<asp:Button ID="Buttonl1" runat="server" Text="Button" onclick="Buttonl]_Click" /> 

<asp:ImageButton ID="ImageButton1" runat="server" Height="209px" ImageUrl="~/Images/dog.jpg" 
PostBackUrl="~/dog.aspx" Width="205px" onclick="ImageButtonl Click" AlternateText="this ls a 
ImageButton."/> 

<asp:Label ID="Labell" runat="server" Text=" 按 钮 应 用 演示 "></asp:Label> 

</div> 


@@ 在 【设计 】 视 图 中 ， 双 击 Buttonl 控件 ， 为 Buttonl 的 Click 事件 添加 如 下 所 示 的 
处 理 程序 。 








protected void Button1 Click(object sender, EventArgs e) 
1 
Labell.Text = "您 单 击 了 Button 按钮 ! 


@ 按 CtrltF5 组 合 键 ， 观 看 显示 效果 。 
5.3.2 TextBox( 文 本 框 ) 控 件 


TextBox 服务 器 控件 允许 用 户 向 页 面 输入 文本 。 默 认 情 况 下 ， 该 控件 的 TextMode 属 
性 设置 为 TextBoxMode.SingleLine, 即 单行 文本 框 。 若 将 TextMode 属 性 设置 为 TextBoxMode. 
MultiLine， 可 以 显示 为 多 行文 本 框 (该 文本 框 将 作为 HTML 中 的 textarea 元 素 呈 现 )。 也 可 
以 将 TextMode 属性 更 改 为 TextBoxMode.Password， 即 密码 文本 框 。 通 过 使 用 Text 属性 可 
以 获得 TextBox 控件 中 显示 的 文本 。 

【 例 5-4】 演 示 文 本 框 控件 TextBox、 标 签 控件 Label、 按 钮 控件 Button 的 使 用 。 

(1) 启动 VS， 打 开 网 站 WebSite5。 

(2) 新 建 网 页 example5-4.aspx。 

(3) 切换 到 如 图 5-5 所 示 的 【设计 】 视 图 , 添加 名 为 Label 控件 Labell、 Label2, TextBox 
控件 TextBox1、TextBox2 的 TextBox，Button 控件 Button1 。 

(4) 单 击 Labell 控件 ， 在 其 属性 窗 。 ww Em cer 

设置 Text 属性 值 为 “初始 内 容 : ”; vse ee | 
同样 ， 设 置 Label2 控件 的 Text 属性 值 远 主 | 
为 “克隆 内 容 : ”，Buttonl 控件 的 Text 。。 准 T 让 清和 月 名 和 得 
属性 值 为 “克隆 ”。 如 图 5-4 所 示 。 PS 

(5) 在 [设计 了 视图 中 , 双击 Buttonl 。 衬 袍 
控件 ， 切 换 到 example5-4.aspx.cs 视图 ， = 。 
为 Buttonl 控件 的 Click 事件 添加 如 下 所 图 5-5 创建 控件 
示 的 处 理 程序 。 



































protected void Buttonl]_Click(object sender, System.EventArgs e) 


// 读 取 TextBoxl 控件 的 Text 属性 的 值 ， 并 使 用 该 值 来 设置 TextBox2 控件 的 Text 属性 值 。 
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TextBox2.Text = Server.HIMLEncode(TextBox].Text); 
} 

(6) 按 Ctrl+F5 组 合 键 ， 观 看 显示 效果 。 

(7) 在 【设计 】 视 图 中 ， 分 别 单 击 TextBox1、TextBox2 控件 ， 在 其 属性 窗口 设置 
TextMode( 文 本 框 的 行为 模式 ) 属 性 值 为 MultiLine。 按 Ctrl+FS 组 合 键 ， 观 看 显示 效果 。 

(8) 按 图 5-5 所 示 ， 添 加 3 个 Label 控件 ，2 个 TextBox 控件 ，1 个 Button 控件 ， 在 属 
性 窗口 分 别 如 图 5-5 所 示 设 置 Text; 设置 TextBox4 控件 的 TextMode 属性 值 为 Password。 

(9) 在 【设计 】 视 图 中 ， 双 击 【 登 录 】 按 钮 控件 ， 切 换 到 example5-4.aspx.cs 视图 ， 为 
Button2 控件 的 Click 事件 的 处 理 方法 添加 如 下 所 示 的 代码 。 




















protected void Button2 Click(object sender, EventArgs e) 


1f (TextBox3.Text 一 " "|| TextBox4.Text — "") 
{ 
string scriptString = "alert(' 信 息 不 全 ， 请 重新 填写 。): "; 
Page.ClientScriptResgisterClientScriptBlock(this.GetType0,"waring", scriptString, true); 
} 
else 
| 


Response.Redirect(string. Format("Content5-4.aspx?user={0}&password={1}", 
TextBox3.Text, TextBox4.Text)); 

在 这 段 代码 中 ， 当 单 击 【 登 录 】 按 钮 后 ， 首 先 检查 【用 户 名 】 文 本 框 和 【密码 】 文 本 
框 中 的 内 容 是 否 为 空 ， 若 为 空 ， 则 弹出 对 话 框 ， 提 示 用 户 重新 输入 信息 ; 若 不 空 ， 则 将 控 
件 中 的 数据 作为 参数 传 给 Content5-4.aspx 页 面 。 

(10) 在 Content5-4.aspx 页 面 的 【设计 】 视 图 下 ， 双 击 Web 窗 体 ， 在 Page_Load 事件 
中 添加 以 下 代码 。 

protected void Page_Load(object sender, EventArgs e) 
{ 
string scriptContent = Request.QueryString["user"].ToString0 + "， 欢 迎 您 ! 请 记 住 您 的 密 
码 : "+ Request.QueryString["password"].ToString(); 
Response.Write(scriptContent): 
string scriptString = "alert("+scriptContent+"");"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "success", scriptString, true); 
| 


(11) 按 Ctrl+F5 组 合 键 ， 观 看 显示 效果 。 
5.3.3 ListBox 控件 和 DropDownList 控件 

ListBox 服务 器 控件 允许 用 户 从 预定 义 的 列表 中 选择 一 项 或 多 项 。 

DropDownList 服务 器 控件 允许 用 户 从 预定 义 的 下 拉 列 表 中 选择 单项 , 它 与 ListBox 服 
务 器 控件 的 不 同 之 处 在 于 , 其 选项 列表 在 用 户 单 击 下拉 按 钮 之 前 一 直 保持 隐藏 状态 。 此 外 ， 
DropDownList 控件 不 支持 多 重 选择 模式 。 
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DropDownList 控件 的 某 个 选项 被 选中 时 ， 该 控件 将 触发 SelectedIndexChanged 事件 。 
默认 情况 下 , 此 事件 不 会 导致 向 服务 器 发 送 页 , 但 可 通过 将 AutoPostBack 属性 设置 为 tue， 
强制 该 控件 立即 发 送 。 

如 果 将 ListBox 控件 的 SelectionMode 属性 设置 为 Multiple， 将 允许 用 户 多 选 ， 用 户 可 
以 在 按 住 Ctrl 或 Shift 键 的 同时 ， 单 击 选择 多 个 选项 。 

【 例 5-5】 演 示 ListBox 控件 和 DropDownList 控件 的 使 用 。 

(1) 启动 VS， 打 开 网 站 WebSite5， 新 建 名 为 example5-5 的 ASPNET 网 站 。 

(2) 切换 到 【设计 】 视 图 ， 从 【工具 箱 】 中 拖 动 1 个 DropDownList 控件 、1 个 ListBox 
控件 和 1 个 Label、1 个 Button 控件 到 页 面 ， 如 图 5-6 所 示 。 

(3) 选择 DropDownListl 控件 , 单 击 右上 角 的 【智能 标记 】, 选中 【启用 AutoPostBack】， 
再 单 击 【 编 辑 项 】， 弹 出 如 图 5-7 所 示 的 对 话 框 ， 单 击 【 添 加 】 按 钮 ， 添 加 4 个 成 员 并 设 
置 相 应 的 Text 属性 值 。 




















example5-5.aspx.cs | x x [ae 页 ] 
请 计 择 汽车 品牌， 


请 选择 型 号 ， 























图 5-6 ”example5-5.aspx 设计 视图 图 5-7 ListItem 集合 编辑 器 
(4) 双击 DropDownListl 控件 ， 添 加 其 SelectedIndexChanged 事件 ， 代 码 如 下 。 


protected void DropDownListl_SelectedIndexChanged(object sender, EventArgs e) 


{ 
switch (DropDownListl.SelectedItem. Text.Trim()) 
Hd 
ase "宝马 ": 
ListBoxl.Items.Clear0: 


ListBoxl.Items.Add(" 轿 车 -宝马 3 系 "); 
ListBoxl Items.Add("SUV- 宝 马 X5"); 
ListBoxl Items.Add(" 跑 车 -宝马 8 "); 
break:; 

case "奔驰 ": 
ListBoxl Items.Clear0: 
ListBoxl Items.Add(" 轿 车 -奔驰 C 级 "); 
ListBoxl.Items.Add("SUV- 奔 驰 GLK 级 "); 
ListBoxl Items.Add("MPV- 奔 驰 R 级 "); 
break; 

case "丰田 ": 
ListBoxl.Items.Clear0: 
ListBoxl Items.Add(" 轿 车 -卡罗拉 "); 
ListBox1.Items.Add("MPV- 选 致 "): 
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ListBox1.Items.Add("SUV- 汉 兰 达 "); 
break; 

Le 
ListBox] Ttems.Clear(); 
ListBoxl Items.Add(" 轿 车 -夏利 N7"); 
ListBoxl Items.Add("SUV- 骏 派 D60"); 
ListBoxl Items.Add("MPV- 森 雅 M80"): 
break:; 


} 
(5) 双击 Buttonl 控件 ， 添 加 其 Click 事件 ， 代 码 如 下 。 


protected void Button1 Click(object sender, EventArgs e) 
-| 
string msg = "您 选择 的 爱 车 是 :"; 
foreach (ListItem li in ListBoxl.Items) 
if (li.Selected 一 tme) 


msg += "<br />" + li.Text; 
) 


} 
Labell.Text = msg; 


bh 
(6) 选中 ListBox1 控件 ， 在 【属性 】 窗 口 设置 属性 SelectionMode 的 值 为 Multiple。 
(7) 按 Ctrl+F5 组 合 键 ， 分 别 选择 不 同 的 选项 ， 观 看 显示 效果 。 


5.3.4 ”CheckBox( 复 选 框 ) 和 CheckBoxList( 复 选 框 列表 ) 控 件 


CheckBox 控件 和 CheckBoxList 控件 分 别 用 于 向 用 户 提供 选项 和 选项 列表 。CheckBox 
控件 适合 用 在 选项 不 多 且 比较 固定 的 情况 ， 当 选项 较 多 或 需 在 运行 时 动态 决定 有 哪些 选项 
时 ， 使 用 CheckBoxList 控件 比较 方便 。 

【 例 5-6】 演 示 复 选 框 控件 CheckBox 和 复 选 框 列表 控件 CheckBoxlist 的 使 用 。 

(1) 启动 VS， 打 开 网 站 WebSite5， 新 建 网 页 example5-6.aspx。 

(2) 切换 到 example5-6.aspx 页 的 【设计 】 视 图 。 

G) 输入 静态 文本 “CheckBoxList Re ee 






控件 演示 程序 ”， 在 【格式 】 工 具 栏 中 wenmeyzeranias 
使 用 【 块 格式 】 下 拉 列 表 将 该 文本 的 格 。 ca™ 
式 设 置 为 “标题 1”。 Got OO 


[mb 


(4) 添加 CheckBoxListl、Button1、 FJara 
CheckBox1、CheckBox2 和 Labell 这 5 本 理 
个 控件 ， 如 图 5-8 所 示 。 

(5) 在 【设计 】 视 图 中 ， 单 击 en 虽 
CheckBoxListl 控件 右上 角 的 【智能 标 图 5-8 添加 控件 


乒 改 变 显示 风格 “三 改变 字体 颜色 
ckBozl CheckBox2 


计算 机 语言 为 : Labsl Labell 
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记 】， 切 换 到 【CheckBoxList 任务 】 对 话 框 ， 不 选择 【启用 AutoPostBack】， 单 击 【 编 辑 
项 】， 出 现 【ListItem 集合 编辑 器 】， 单 击 【添加 】 按 钮 ， 添 加 成 员 ListItem0~ListItem5， 
分 别 将 其 属性 Text 值 设 置 为 Visual Basic、C#、C++、Jscript、XML、Java。 其 HIML 代 
码 如 下 。 





























<asp:CheckBoxListID="CheckBoxListl" runat="server" Height="16px" Width="221px"> 
<asp:ListItem>Visual Basic</asp:ListItem> 
<asp:ListItem>C#</asp:ListItem> 
<asp:ListItem>C++</asp:ListItem> 
<asp:ListItem>Javascript</asp:ListItem> 
<asp:ListItem>XML</asp:ListItem> 
<asp:ListItem>Java</asp:ListItem> 

</asp:CheckBoxList> 


(6) 设置 Buttonl 控件 的 Text 属性 值 为 【确定 】 CheckBox1l 控件 的 Text 属性 值 为 【 改 
变 显 示 风 格 】，CheckBox2 控件 的 Text 属性 值 为 【改变 字体 颜色 】， 如 图 5-8 所 示 。 

(7) 在 【设计 】 视 图 中 ， 分 别 双击 CheckBox1、CheckBox2 和 Buttonl 控件 ， 切 换 到 代 
码 视 图 ， 添 加 如 下 所 示 的 代码 。 





protected void Button1 Click(object sender, EventArgs e) 


string str = "选择 结果 : " 
Labell.Text = "": 
for (inti= 0; i< CheckBoxListl Items.Count; i++) 
{tf 
1f (CheckBoxList] .Items[i].Selected) 
{ 
//Labell.Text += CheckBoxList] Items[i].Text + " <br/> "; 
str += CheckBoxList] Items[i].Text + "、"; 
} 
yy 
if (str.EndsWith("、") 一 true) str = str.Substring(0, str.Length - 1): 
Labell.Text = str; 
让 (str 一 "选择 结果 : ") 
string scriptString = "alert(' 诸 作出 选择 ! ");"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(O, "warning!", 
scriptString, true); 
} 
else 
Labell.Visible = true: 
Labell.Text = str: 
b 
protected void CheckBox1l_CheckedChanged(object sender, EventArgs e) 
{ 
this.CheckBoxList1.BackColor = 


CheckBox1.Checked ? System Drawing.Color.Beige : System.Drawing.Color.Azure; 
CheckBoxList1.RepeatDirection = 
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CheckBox1.Checked ? RepeatDirection.Horizontal : RepeatDirection.Vertical: 


Ln void CheckBox2 CheckedChanged(object sender, EventArgs e) 
b if (CheckBox2.Checked) 
a = System. Drawing.Color.Red; 
Labell.ForeColor = System.Drawing.Color Red: 
} 
else 
{ 
this.CheckBoxList1.ForeColor = System.Drawing.Color.Black; 
Labell.ForeColor = System.Drawing.Color.Black; 
| 
} 


(8) 按 CtrlHtF5 组 合 键 ， 观 看 显示 效果 。 
5.3.5 _ Image 和 ImageMap 控件 


ASPNET 4.5 包含 两 个 图 形 控件 ， 一 个 是 Image 控件 ， 一 个 是 ImageMap 控件 。 

(1) Image 服务 器 控件 允许 用 户 在 ASPNET 网 页 上 显示 图 像 ， 并 用 自己 的 代码 管理 这 
些 图 像 。 可 以 在 设计 时 或 运行 时 以 编程 方式 为 Image 对 象 指定 图 形 文件 。 还 可 以 将 控件 的 
ImageUrl 属性 绑 定 到 一 个 数据 源 ， 以 根据 数据 库 信 息 显示 图 形 。 

与 大 多 数 其 他 服务 器 控件 不 同 ，Image 控件 不 支持 任何 事件 。 例 如 ，Image 控件 不 响 
应 鼠标 单 击 事件 。 实 际 上 ， 可 以 通过 使 用 ImageMap 或 ImageButton 控件 来 创建 交互 式 
图 像 。 

(2) Imagemap 说 白 了 就 是 一 种 图 形 ， 包 括 许多 不 同 部 分 ， 将 鼠标 指针 指 在 图 形 的 各 个 
部 分 ， 单 击 ， 就 可 以 进入 另 一 个 超级 链接 的 页 面 。 

Imagemap 不 一 定 要 真 的 是 map， 可 以 是 任何 图 形 。 例 如 ， 一 张 脸 ， 单 击 眼睛 就 出 现 
关于 眼睛 的 页 面 ， 单 击 鼻子 就 出 现 鼻子 的 页 面 ， 也 是 一 种 ImageMap。 

ImageMap 控件 由 两 个 元 素 组 成 。 第 一 个 是 图 像 ， 它 可 以 是 任何 标准 Web 图 形 格式 的 
图 形 ， 如 .gif、:jpg 或 ,png 文件 。 第 二 个 元 素 是 HotSpot( 作 用 点 ) 控 件 的 集合 。 每 个 作用 点 控 
件 都 是 一 个 类 型 为 CircleHotSpot、RectangleHotSpot 或 PolygonHotSpot 的 不 同 项 。 对 于 每 
个 作用 点 控件 ， 都 要 定义 用 于 指定 该 作用 点 的 位 置 和 大 小 的 坐标 。 例 如 ， 如 果 创 建 一 个 
CircleHotSpot 控件 ， 则 需要 定义 圆心 的 x 和 y 坐标 以 及 圆 的 半径 。 
响应 用 户 单 击 : 每 一 个 作用 点 都 可 以 是 一 个 单独 的 超 链接 或 回 发 事件 。 可 以 指定 用 户 
单 击 作 用 点 时 发 生 的 事件 ， 可 以 将 每 个 作用 点 配置 为 可 以 转 到 为 该 作用 点 提供 的 URL 的 
超 链 接 。 或 者 ， 也 可 以 将 控件 配置 为 在 用 户 单 击 某 个 作用 点 时 执行 回 发 ， 并 可 为 每 个 作用 
点 提供 一 个 唯一 值 。 回 发 会 触发 InageMap 控件 的 Click 事件 。 在 事件 处 理 程序 中 ,可 以 读 
取 分 配给 每 个 作用 点 的 唯一 值 。 

【 例 5-7】 演 示 Image 控件 和 ImageMap 控件 的 使 用 。 

@ 启动 VS， 打 开 站 点 WebSite5， 新 建 一 个 网 页 example5-7.aspx。 
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使 用 之 前 创建 好 的 Images 文件 夹 ， 将 准备 好 的 图 片 复 制 到 Images 文件 夹 中 。 

@) 切换 到 example5-7.aspx 页 的 【设计 】 视 图 。 

@ 输入 静态 文本 “ImageMap 控件 导航 示例 ”， 在 【格式 】 工 具 栏 中 使 用 【 块 格式 】 
下 拉 列 表 将 该 文本 的 格式 设置 为 “标题 1”; 然后 在 下 方 输入 “ 单 击 某 个 行星 图 片 可 看 其 
更 大 的 图 片 ”。 
@ 如 图 $-9 所 示 ， 添 加 ImageMap1、Imagel 和 Image2 这 3 个 控件 。 
@ 在 【设计 】 视 图 中 ， 单 击 ImageMap 控件 ， 在 其 【属性 】 窗 口 ， 设 置 属性 值 为 : 
solarsys"、imageurl="~ /images/xingxing.jpg"、altematetext="Solar System( 太 阳 系 ) "， 再 
单 击 HotSpots( 作 用 点 ) 属 性 框 来 显示 【HotSpots 集合 编辑 器 】 对 话 框 ， 单 击 【添加 】 按 钮 
旁边 的 箭头 按钮 来 选择 要 创建 的 作用 点 类 型 (CircleHotSpot 、RectangleHotSpot 、 
PolygonHotSpot), 如 图 5-10 所 示 , 添加 2 个 成 员 , 并 根据 如 下 所 示 的 语法 设置 其 相应 属性 。 





id=" 


成 员 (M): CircleHotSpot 属性 (P): 


0 cirdeHotspot + ,| 天 
Me ~ 
lotSpotMode Navigate 


区 NavigateUr| ~/Images/xing2j 
PostBackValue 


xample5-6.aspx.cs 


ImageMap 控 件 导航 示例 
单 击 某 个 行星 图 片 可 看 其 更 大 的 图 片 




















图 5-9 添加 ImageMap 控件 和 Image 控件 图 5-10 ”为 ImageMap 控件 添加 HotSpot 热 区 
ImageMap 控件 的 HTML 语法 如 下 。 


<asp:ImageMap ID="solarsys" runat="server" AlternateText="Solar System( 太 阳 系 )" 
Height="212px" HotSpotMode="Navigate" ImageUrl="~/images/xingxing.jpg" Width="440px"> 
<asp:CircleHotSpot HotSpot Mode="Navigate" NavigateUrl="~/Images/xing] .jpg" Radius="30" 
Target="_blank" X="47" Y="162" /> 
<asp:CircleHotSpot 
HotSpotMode="Navigate" 
NavigateUrl="~/Images/xing2.jpg" Radius="30" 
Target="_blank" X="208" Y="126" /> 
</asp:ImageMap> 


提示 : 

HotSpots( 作 用 点 ) 的 坐标 以 像素 为 单位 ， 
可 以 在 画图 或 浏览 器 程序 中 打开 ， 移 动 鼠 标 ， 
在 画图 下 部 状态 栏 中 可 看 到 当前 鼠标 所 在 处 


的 像素 点 的 坐标 ， 或 者 使 用 截图 快捷 键 测 | 
旺 ， 加 图 了 证 所 示 。 图 5-11 利用 截图 快捷 键 寻找 图 像 
当前 光标 处 的 像素 点 坐标 
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@ Imagel 控件 的 属性 设置 为 : ImageUrl-"~/Images/xingl.jpg"; Image2 控件 的 属性 设 
置 为 : ImageUrl="~/Images/xing2.jpg"。 
@ 按 Ctrl+F5 组 合 键 ， 观 看 显示 效果 。 


提示 : 
其 他 行星 的 处 理 不 再 详细 介绍 ， 感 兴趣 的 读者 可 以 练习 使 用 同样 的 方法 做 出 来 。 


5.3.6 ”RadioButton 和 RadioButtonList 服务 器 控件 


在 向 ASP.NET 网 页 添加 单 选 按钮 时 ， 可 以 使 用 两 种 服务 器 控件 : 单个 RadioButton 控 
件 或 RadioButtonList 控件 。 这 两 种 控件 都 允许 用 户 从 一 小 组 互相 排斥 的 预定 义 选项 中 进行 
选择 。 这 些 控件 允许 定义 任意 数目 带 标签 的 单 选 按钮 ， 并 将 它们 水 平 或 垂直 排列 。 

每 类 控件 都 有 各 自 的 优点 。 单 个 RadioButton 控件 使 用 户 可 以 更 好 地 控制 单 选 按钮 组 
的 布局 。 例 如 ， 可 以 在 各 单 选 按钮 之 间 加 入 文本 ( 即 非 单 选 按钮 文本 )。 

RadioButtonList 控件 不 允许 在 按钮 之 间 插 入 文本 ， 但 如 果 想 将 按钮 绑 定 到 数据 源 ， 使 
用 这 类 控件 要 方便 得 多 ， 在 编写 代码 以 检查 所 选 定 的 按钮 方面 ， 也 简单 一 些 。 


1. 对 单 选 按钮 分 组 


单 选 按钮 很 少 单独 使 用 ， 而 是 进行 分 组 以 提供 一 组 互 斥 的 选项 。 在 一 个 组 内 ， 每 次 只 
能 选择 一 个 单 选 按钮 。 可 以 用 下 列 方法 创建 分 组 的 单 选 按钮 。 

(1) 先 向 页 面 中 添加 单个 的 RadioButton 控件 , 然后 将 所 有 这 些 控件 手动 分 配 到 一 个 组 
中 。 具 有 相同 组 名 的 所 有 单 选 按 钮 视 为 单个 组 的 组 成 部 分 。 

(2) 向 页 面 中 添加 一 个 RadioButtonList 控件 。 该 控件 中 的 列表 项 将 自动 进行 分 组 。 


2. RadioButton 事件 


在 单个 RadioButton 控件 和 RadioButtonList 控件 之 间 ， 事 件 的 工作 方式 咯 有 不 同 。 

单个 RadioButton 控件 在 用 户 单 击 该 控件 时 引发 CheckedChanged 事件 。 默 认 情况 下 ， 
这 一 事件 并 不 导致 向 服务 器 发 送 页 面 ， 但 通过 将 AutoPostBack 属性 设置 为 tue， 可 以 使 该 
控件 强制 立即 发 送 。 

与 单个 的 RadioButton 控件 相反 ，RadioButtonList 控件 在 用 户 更 改 列表 中 选 定 的 单 选 
按钮 时 会 引发 SelectedIndexChanged 事件 。 默 认 情 况 下 ， 此 事件 并 不 导致 向 服务 器 发 送 窗 
体 ， 但 可 以 通过 将 AutoPostBack 属性 设置 为 true 来 指定 此 选项 。 

【 例 5-8】 演 示 单 选 按钮 控件 RadioButton 和 单 选 按 钮 列表 控件 RadioButtonList 使 用 。 

@ 启动 VS， 打 开 WebSite5， 新 建 名 为 example5-8.aspx 的 ASPNET 页 面 。 将 准备 好 
的 图 片 复 制 到 Images 文件 夹 中 。 

@ 切换 到 example5-8.aspx 页 的 【设计 】 视 图 ， 如 图 5-12 所 示 。 

@ 输入 静态 文本 “请 在 下 方 输入 个 人 信息 : ”， 在 【格式 】 工 具 栏 中 使 用 【 块 格式 】 
下 拉 列 表 将 该 文本 的 格式 设置 为 “标题 1”。 
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@ 输入 静态 文本 “姓名 ”、“ 性 别 ”、 | 
“请 选择 要 看 的 行星 ”和 RadioButtonList 靖 ! Faoz—— 
Example。 Eee 
@ 从 工具 栏 中 依次 将 控件 拖 动 到 设计 C 地 球 ~ 质 王 旺 
视图 ， 添 加 TextBoxl 、RadioButton1 和 es Ee _ 
RadioButton2 这 3 个 控件 。 cd Cc 金星 _Yiev| 确定 | 
@ 在 VS 中 的 【 表 】 菜单 上 ， 单 击 【 插 





入 表 】， 出 现 【 插 入 表格 】 对 话 框 。 























图 5-12 ”按钮 控件 


@ 设置 行 数值 为 1， 列 数值 为 2， 单 元 格 衬 距 值 为 2， 单 元 格 间距 值 为 0， 边 框 粗细 
值 为 1， 边框 颜 色 值 为 疆 FOOFF， 单 击 【 确 定 】 按 钮 ， 【设计 】 视 图 上 出 现 一 个 1 行 2 列 的 


表格 。 


@ 从 工具 栏 中 依次 将 控件 拖 动 到 表格 的 各 单元 格 中 ， 也 可 先 在 表格 的 各 单元 格 中 单 











击 ， 再 在 工具 栏 中 相应 的 控件 上 双击 添加 控件 。 在 第 1 列 中 添加 RadioButtonListl 控件 ， 
在 第 2 列 中 添加 Labell 、Imagel1、Buttonl 和 Button2 控件 。 








@ 属性 设置 如 下 。 


RadioButtonl 控件 的 属性 设置 为 : ID="RadioButtonMale"、GroupName="sex"、Text=" 


男 "、Checked="True"; 


RadioButton2 控件 的 属性 设置 为 : ID="RadioButtonFemale"、GroupName="sex"、Text=" 


次 


RadioButtonListl 控件 的 属性 设置 为 ，id="myList"、RepeatColumns="2"; 

Labell 控件 的 属性 设置 为 : Sai ; 

Imagel 控件 的 属性 设置 为 : id="Image"; 

Buttonl 控件 的 属性 设置 为 : ID="Button1"、Text="View"; 

Button2 控件 的 属性 设置 为 : ID="ButtonOK"、onclick="ButtonOK_Click"、Text=" 确 定 "。 
@ 在 【设计 】 视 图 中 ， 单 击 RadioButtonListl 控件 右上 角 的 【智能 标记 】， a 


【RadioButtonList 任务 】 对 话 框 , 不 
选择 【启用 AutoPostBack】， 单 击 
【编辑 项 】， 出 现 【ListItem 集合 编 
辑 器 】， 如 图 5-13 所 示 ， 单 击 【 添 
加 】 添加 成 员 ListItem0~ListItem8， 
分 别 将 其 属性 Text 值 设置 为 “地 
球 ”、“ 火 星 ” 、“ 木 星 ”、“ 水 
星 ”、“ 海 王 星 ”、“ 人 冥王 星 ”、 

“土星 ”、“ 天 王 星 ”、“ 人 金星 ”， 
分 别 将 其 属性 Value 值 设置 为 











dqjpeg、 mx.jpeg、 hx.jpeg、sx:jpeg、 


主要 的 HTML 代码 如 下 所 示 。 




















图 5-13 ”为 RadioButtonList 控件 添加 成 员 





hwx.jpeg、mwxjpeg、txjpeg、twxjpeg、jx-jpeg。 其 
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<asp:RadioButtonList id="myList" RepeatColumns="2" runat=—"server" Height="16px" 
Width="204px"> 
<asp:ListItem Selected="True" Value="~\Images\dq.jpeg"> 地 球 </asp:ListItem> 
<asp:ListItem Value="~\Images\hx.jpeg"> 火 星 </asp:ListItem> 
<asp:ListItem Value="~\Images\mx.jpeg"> 木 星 </asp:ListItem> 
<asp:ListItem Value="~\Images\sx.jpeg"> 水 星 </asp:ListItem> 
<asp:ListItem Value="~\Images\hwx.jpeg"> 海 干 星 </asp:ListItem> 
<asp:ListItem Value="~\magesmw.jpeg"> 冥 王 星 </asp:ListItem> 
<asp:ListItem Value="~\mages\tx.jpeg"> 十 星 </asp:ListItem> 
<asp:ListItem Value="~\Images\twx.jpeg"> 天 王 星 </asp:ListItem> 
<asp:ListItem Value="~\Images\jx.jpeg"> 金 星 </asp:ListItem> 
</asp:RadioButtonList> 


@ 添 加 事件 的 处 理 程序 代码 。 


protected void ButtonOK_Click(object sender, EventArgs e) 


{ 
string strl, str2, str3= ""; 
if (TextBoxl.Text —"") 
{ 
string scriptString = "alert( 用 户 名 不 能 为 空 ! ); "; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"warning", scriptString, true); 
| 
else 
8 
strl = TextBoxl.Text: 
if (RadioButtonMale.Checked) 
{ str2=" 男 ";} 
else 
sl2 
str3 = this .myList.SelectedItem. Text: 
string scriptContent = "alert(' 您 提供 的 信息 是 : 姓 名 : "+strl+ 
” 性 别 : "+str2+" 选择 的 行星 图 片 是 : "+str3+" 7 "; 
Page.ClientScriptRegisterClientScriptBlock(this.GetType0."success", scriptContent, true); 
} 
} 
void Page Load ( object src, EventArgse ) 
{ 
if (!Page.IsCallback) 
1 
if (myList.SelectedIndex > -1) 
{ 
msg. Text = myList.SelectedItem. Text:; 
Tmage.ImageUrl = "~/Images/" + myList.SelectedItem.Value;: 
Tmage.AlternateText = myList.SelectedItem. Text: 
有 
1 
} 


@ 按 CtrltF5 组 合 键 ， 观 看 显示 效果 。 
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5.3.7 MultiView 和 Wizard 控件 


1. MultiView 控件 


MultiView 和 View 控件 可 以 制作 出 选项 卡 的 效果 ，MultiView 控件 用 作 一 个 或 多 个 
View 控件 的 外 部 容器 。View 控件 又 可 包含 标记 和 控件 的 任何 组 合 。 如 果 要 切换 视图 ， 可 
以 使 用 控件 的 ID 或 者 View 控件 的 索引 值 。 在 MultiView 控件 中 ， 一 次 只 能 将 一 个 View 
控件 定义 为 活动 视图 。 如 果 某 个 View 控件 定义 为 活动 视图 ， 它 所 包含 的 子 控件 则 会 呈现 
到 客户 端 。 可 以 使 用 ActiveViewIndex 属性 或 SetActiveView 方法 定义 活动 视图 。 如 果 
ActiveViewIndex 属性 为 空 ， 则 MultiView 控件 不 向 客户 端 呈现 任何 内 容 。 如 果 活 动 视 图 设 
置 为 MultiView 控件 中 不 存在 的 View, 则 会 在 运行 时 引发 ArgumentOutOfRangeException。 
下 面 介绍 一 些 MultiView 控件 常用 的 属性 、 方 法 。 

e ActiveViewIndex 属性 : 用 于 获取 或 设置 当前 被 激活 显示 的 View 控件 的 索引 值 。 

默认 值 为 - 1， 表 示 没 有 View 控件 被 激活 。 

@ SetActiveView 方法 : 用 于 激活 显示 特定 的 View 控件 。 

e ActiveViewChanged 事件 ， 当 视图 切换 时 被 激发 。 

e MultiView 控件 一 次 显示 一 个 View 控件 , 并 公开 该 View 控件 内 的 标记 和 控件 。 
通过 设置 MultiView 控件 的 ActiveViewIndex 属性 ， 可 以 指定 当前 可 见 的 View 
控件 。 

(1) 呈现 View 控件 内 容 

未 选择 某 个 View 控件 时 ， 该 控件 不 会 呈现 到 页 面 中 。 但 是 ， 每 次 呈现 页 面 时 都 会 创 
建 所 有 View 控件 中 的 所 有 服务 器 控件 的 实例 ， 并 且 将 这 些 实例 的 值 存储 为 页 面 的 视图 状 
态 的 一 部 分 。 

无 论 是 MultiView 控件 还 是 各 个 View 控件 ， 除 当前 View 控件 的 内 容 外 ， 都 不 会 在 页 
面 中 显示 任何 标记 。 例 如， 这些 控件 不 会 以 与 Panel 控件 相同 的 方式 来 呈现 div 元 素 。 这 些 
控件 也 不 支持 可 以 作为 一 个 整体 应 用 于 当前 View 控件 的 外 观 属性 。 但 是 可 以 将 一 个 主题 
分 配给 MultiView 或 View 控件 ， 控 件 将 该 主题 应 用 于 当前 View 控件 的 所 有 子 控件 。 

(2) 引用 控件 

每 个 View 控件 都 支持 Controls 属性 , 该 属性 包含 该 View 控件 中 的 控件 集合 。 也 可 以 
在 代码 中 单独 引用 View 控件 中 的 控件 。 

(3) 在 视图 间 导 航 

除了 通过 将 MultiView 控件 的 ActiveViewIndex 属性 设置 为 要 显示 的 View 控件 的 索引 
值 可 以 在 视图 间 导 航 外 ，MultiView 控件 还 支持 可 以 添加 到 每 个 View 控件 的 导航 按钮 。 

若 要 创建 导航 按钮 ， 可 以 向 每 个 View 控件 添加 一 个 按钮 控件 (Button、LinkButton 或 
ImageButton), 然后 可 以 将 每 个 按钮 的 CommandName 和 CommandArgument 属性 设置 为 保 
留 值 以 使 MultiView 控件 移动 到 另 一 个 视图 。 

【 例 5-9】View 和 MultiView 控件 示例 。 

@ 启动 VS， 打 开 WebSite5。 
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@ 新 建 名 为 example5-9.aspx 的 








ASP.NET 页 面 。 二 加、 闪 别 训 还 是 由 晰 社 宇和 进行 拉夫 了 
人 书 名 类 出 版 社 
图 切换 到 example5-9.aspx 页 的 MulliView! 
【设计 】 视 图 。 [| ee 
@ 输入 静态 文本 “ 按 书 名 、 类 ee viewcategorySearh 
别名 还 是 出 版 社 名 称 进行 搜索 ? ”， = 
如 图 5-14 所 示 , 添 加 3 个 RadioButton ET 


ee | 图 5-14 添加 控件 
切换 到 [ 源 】 视 图 , 修改 其 HIML 
代码 为 : 


<asp:RadioButton ID="radioProduct" runat="server" autopostback="true" 
GroupName="SearchType" Text=" 书 名 " 
OnCheckedChanged="radioButton CheckedChanged" /> &nbsp; 

<asp:RadioButton ID="radioCategory" runat="server" autopostback="true" 
GroupName="SearchType” ”Text=" 类 别 " 
OnCheckedChanged="radioButton CheckedChanged" /> 

<asp:RadioButton ID="radioPublisher" runat="server" AutoPostBack="True" 
GroupName="SearchType" ”Text=" 出 版 社 " 
oncheckedchanged="radioButton CheckedChanged" /> 


请 注意 将 3 个 RadioButton 的 CheckChanged 事件 的 处 理 程序 设置 为 oncheckedchanged= 
"radioButton_CheckedChanged"， 这 样 单 击 任 一 RadioButton， 响 应 它们 的 处 理 程序 是 相同 的 。 

@ 如 图 5-14 所 示 ， 从 工具 箱 的 【标准 】 选 项 卡 中 ， 拖 动 MultiView 控件 到 页 面 上 ， 
再 拖 动 3 个 View 控件 到 MultiView 上 ， 拖 动 一 个 Button 控件 到 页 面 上 。 

分 别 单 击 3 个 View 控 件 , 将 其 ID 属性 分 别 改 为 viewProductSearch、ViewCategorySearch、 
ViewPublisher 分 别 直 接 答 入 静态 文本 “输入 书 名 ”、“ 输 入 类 别 ”、“ 输 入 出 版 社 名 ” 
从 工具 箱 的 “标准 ”选项 卡 中 ， 拖 动 3 个 Textbox 控 件 分 布 到 3 个 View 控 件 上 ， 将 其 ID 属性 
分 别 改 为 textProductName、textCategory、textPublisher。 

切换 到 【 源 】 视 图 中 ， 可 看 到 如 下 所 示 的 代码 。 

<asp:MultiView ID="MultiViewl" runat="server"> <br /> 
<asp:View ID="viewProductSearch" runat="server"> 
输入 书 名 : ”<asp:TextBox ID="textProductName" runat="server"> </asp:TextBox> 
</asp:View> <br > 
<asp:View ID="viewCategory Search" runat="server"> 
输入 类 别 : <asp:TextBox ID="textCategory" runat="server"> </asp:TextBox> 
</asp:View> <br > 
<asp:View ID="ViewPublisher" runat="server"> 
输入 出 版 社 名 : <asp:TextBox ID="textPublisher" runat="server"></asp:TextBox> 
</asp:View> 
</asp:MultiView> 


@ 设置 Buttonl 控件 的 标记 如 下 所 示 。 


<asp:Button ID="btnSearch" OnClick="Button1_Click" ranat="server" Text="Search" /> 


@ 切换 到 MultiViewControl.aspx.cs， 在 【类 】 体 内 添加 如 下 所 示 的 代码 。 
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public enum SearchType 
{ 
NotSet= -1, 
Products = 0, 
Category = 1, 
Publisher = 2 
} 
protected void Page Load(object sender, EventArgs e) 
{ 
radioProduct.Checked = true; 
MultiViewl.ActiveViewIndex = 0; 
b 
protected void Button1 Click(Object sender, System.EventArgs e) 
本 
if (MultiViewl.ActiveViewIndex > -1) 
{ 
SearchType mSearchType = (SearchType)MultiView1.ActiveViewIndex': 
switch (mSearchType) 
{ 
case SearchType.Products: 
DoSearch(textProductName. Text, mSearchType): 
break: 
case SearchType.Category: 
DoSearch(textCategory. Text, mSearchType); 
break: 
case SearchType.Publisher: 
DoSearch(textPublisher. Text, mSearchType); 
break: 
case SearchType.NotSet: 
break: 
} 
} 
} 
protected void DoSearch(String searchTerm, SearchType type) 
{ 
// Code here to perform a search. 
string scriptString = "alert("+" 您 输入 的 "+searchTerm+"):"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "success", scriptString, true); 
// Response.Write(" 您 输入 的 "+ searchTerm ); 
} 


protected void radioButton CheckedChanged(Object sender, System.EventArgs e) 


{ 


if (radioProduct.Checked) 


{ 
MultiView1.ActiveViewIndex = (int)SearchType.Products; 


} 
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else if (radioCategory.Checked) 
{ 
MultiView1.ActiveViewIndex = (int)SearchType.Category; 
} 
else if (radioPublisher.Checked) 
‘ 
MultiView1.ActiveViewIndex = (int)SearchType.Publisher:; 
上 
} 


@ 按 Ctrl+F5 组 合 键 ， 观 看 程序 运行 效果 。 
2. Wizard 控件 


Wizard 控件 如 其 名 所 示 ， 是 一 个 用 于 创建 向 导 的 复杂 用 户 控件 。 与 MultiView 控件 类 
似 , 使 用 该 控件 也 可 以 用 于 将 一 个 大 的 表单 分 割 为 多 个 子 表 单 。 但 是 Wizard 控件 包含 更 多 
的 功能 和 定义 行为 ， 如 包含 导航 按钮 、 导 航 工 具 条 、 步 骤 链 接 ， 以 及 样式 和 模板 等 。 

(1) 创建 一 个 名 为 WizardControlDemo 的 网 站 , 在 Default.aspx 页 面 中 添加 一 个 Wizard 
控件 。 默 认 情 况 下 ， 该 控件 提供 一 个 导航 按钮 和 一 个 在 左 侧 具 有 导向 链接 的 侧 边栏 ，VS 
生成 的 代码 如 下 。 





<asp:Wizard ID="Wizardl" runat="server"> 
<WizardSteps> 
<asp:WizardStep runat="server" title="Step 1"> 
</asp:WizardStep> 
<asp:WizardStep runat="server" title="Step 2"> 
</asp:WizardStep> 
</WizardSteps> 
</asp:Wizard> 
(2) 在 Wizard 控件 中 ， 每 个 向 导 页 由 一 个 WizardStep 组 成 。Wizard 控件 包含 一 个 
WizardStepCollection 控件 的 集合 ， 其 中 
包含 由 开发 人 员 定义 的 每 个 步骤 的 用 户 
界面 。 开 发 人 员 可 以 使 用 该 控件 的 智能 
任务 面板 添加 WizardStep， 或 在 属性 窗 
格 中 选中 WizardSteps， 单 击 右 侧 的 按 
钮 ， 打 开 【WizardStep 集合 编辑 器 】 对 -过 
话 框 ， 如 图 5-15 所 示 。 -可 这 
在 【WizardStep 集合 编辑 器 】 对 话 ee 
框 中 ， 可 以 添加 或 移 除 指定 类 型 的 一 一 
WizardStep 对 象 ， 设 置 步骤 的 属性 。 可 图 5-15 “WizardStep 集合 编辑 器 ”对 话 框 
以 看 到 WizardStep 提供 了 如 下 几 个 属性 以 供 设置 。 
e Title: 提供 步骤 的 描述 性 名 称 ， 它 将 作为 一 个 链接 显示 在 向 导 控件 左边 的 SlideBar 
栏 上 。 
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e@ StepType: 这 是 一 个 WizardStepType 枚 举 类 型 的 属性 值 ， 用 于 指定 步骤 的 类 型 。 
该 属性 值 将 决定 导航 按钮 的 类 型 。 可 选 值 有 Start， 显 示 一 个 【下 一 步 】 按钮 ; Step， 
显示 【上 一 步 ] 和 【下 一 步 ] 按 钮 ; Finish, 显示 【完成 ] 和 【上 一 步 ] 按 钮 ; Complete， 
不 显示 按钮 ， 并 且 隐 藏 SideBar;，Auto， 根 据 在 集合 中 的 上 下 位 置 进行 推断 类 型 ， 
默认 值 为 Auto。 
e AllowRetum: 指定 用 户 是 否 能 返回 到 这 一 步骤 。 一 旦 用 户 经 过 了 这 一 步 ， 将 不 能 
再 跳 回 到 这 步 ，SideBar 的 链接 也 不 受 影响 。 
Wizard 控件 可 以 通过 线性 导航 或 非 线性 导航 收集 数据 。 跳 过 不 需要 的 步骤 或 返回 前 面 
己 完 成 的 步骤 以 更 改 某 个 值 ， 这 种 行为 就 属于 非 线性 导航 。Wizard 控件 维持 它 在 各 步骤 之 
间 的 状态 ,以 便 在 所 有 步骤 完成 之 前 , 无 须 将 某 个 步骤 中 输入 的 数据 保存 到 数据 存储 区 中 。 
【 例 5-10】WizardStep 中 添加 Web 服务 器 控件 , 本 节 将 创建 一 个 简单 的 用 户 注 册 向 导 。 
@ 启动 VS， 打 开 WebSite5。 
@ 在 页 面 中 添加 一 个 Wizard 控件 ， 并 设置 其 属性 ， 显 示 效 果 如 图 5-16 所 示 。 示 例 代 
人 码 如 下 : 








<form id="form]1" runat="server"> 
<div> 
<asp:Wizard id="Wizard1" runat="server" ActiveStepIndex="0" DisplayCancelButton="true"> 
<WizardSteps> 
<asp:WizardStep runat="server" id="Step1" title=" 第 一 步 ， 输 入 基本 信息 " StepType="Start"> 
<b> 请 输入 您 的 个 人 基本 信息 : </b> 
<br/> 
请 输入 您 的 姓名 : <asp:TextBox ID="TextBoxl" runat="server"></asp:TextBox> 
<br> 
请 输入 您 的 E-mail: <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
</asp: WizardStep> 
<asp:WizardStep runat="server" id="Step2" title=" 第 二 步 ， 输 入 用 户 信息 " StepType="Step"> 
<b> 请 输入 您 的 个 人 用 户 信息 : </b> 
<br/> 
用 户 名 : <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
<br> 
密码 : <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox> 
</asp:WizardStep> 
<asp:WizardStep runat="server" StepType="Finish" ID="Finish" Title=" 第 三 步 ， 信 息 汇总 "> 
<b> 登 录 信 息 汇总 :</b><br/> 
你 的 姓名 是 : <asp:Label ID="Labell" rnat="server" Text="Label" ></asp:Label><br/> 
你 的 E-mail 是 : <asp:Label ID="Label2" runat="server" Text="Label" ></asp:Label><br/> 
你 的 用 户 名 是 : <asp:Label ID="Label3" runat="server" Text="Label" ></asp:Label><br/> 
你 的 密码 是 : <asp:Label ID="Label4" mnat="server" Text="Label" ></asp:Label><br/> 
</asp: WizardStep> 
</WizardSteps> 
</asp:Wizard> 
</div> 
</fom> 





Wizard 控件 的 ActiveStepIndex 属性 设置 为 0， 表示 将 显示 第 一 个 WizardStep。 在 上 述 
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的 3 个 WizardStep 中 ， 每 个 都 具有 不 同 的 StepType。 第 一 个 设置 为 Start， 将 只 显示 【下 一 
步 】 按 钮 ， 而 不 显示 【上 一 步 】 按 钮 ， 第 二 个 设置 为 Step， 将 显示 用 于 导航 的 【上 一 步 】 
和 【下 一 步 】 按 钮 ， 该 步骤 是 介 于 第 一 个 步骤 和 最 后 一 个 步骤 之 间 的 任意 步骤 ， 第 三 个 设 
置 为 Finish， 将 显示 用 于 导航 的 【完成 】 按 钮 ， 该 步骤 是 收集 用 户 数据 的 最 后 一 个 步骤 。 
用 户 可 以 单 击 【 上 一 步 】 和 【下 一 步 】 按 钮 在 多 个 向 导 页 之 间 进 行 导航 ， 也 可 以 单 击 侧 边 
栏 的 链接 来 进行 导航 。 

本 示例 的 设计 效果 如 图 5-16 所 示 。 


lbody] 




















请 输入 您 的 个 人 : 
第 一 步 ， 输 入 基本 信息 请 输入 您 的 姓名 ， 
量 三 生 ， 输 入 用户 信息 请 输入 您 的 E-mail 
汇总 





下 = 步 | [机 消 | 
图 5-16 ”Wizard 控件 使 用 演示 


5.3.8 AdRotator( 广 告 控件 ) 服 务 器 控件 


AdRotator 服 务 器 控件 提供 一 种 在 ASPNET 网 页 上 显示 广告 的 方法 。 该 控件 可 显示 .gif 
文件 或 其 他 图 形 图 像 。 当 用 户 单 击 广告 时 ， 系 统 会 重 定向 到 指定 的 目标 URL。 

AdRotator 服务 器 控件 可 从 数据 源 (通常 是 XML 文件 或 数据 库 表 ) 提 供 的 广告 列表 中 自 
动 读 取 广 告 信息 ， 如 图 形 文件 名 和 目标 URL。 用 户 可 以 将 信息 存储 在 一 个 XML 文件 或 数 
据 库 表 中 ， 然 后 将 AdRotator 控件 绑 定 到 该 文件 。 

AdRotator 控件 会 随机 选择 广告 ， 每 次 刷新 页 面 时 都 将 更 改 显 示 的 广告 。 广 告 可 以 加 
权 以 控制 广告 条 的 优先 级 别 ， 这 可 以 使 某 此 六 告 的 显示 频率 比 其 他 广告 高 。 也 能 编写 在 广 
告 间 循环 的 自 定义 逻辑 。 

AdRotator 控件 的 所 有 属性 都 是 可 选 的 。XML 文件 中 可 以 包括 下 列 属性 。 

e ImageUrl: 要 显示 图 像 的 URL。 

e NavigateUrl: 单 击 AdRotator 控件 时 要 转 到 网 页 的 URL。 

e AltemateText: 图像 不 可 用 时 显示 的 文本 。 

e Keyword: 可 用 于 筛选 特定 广告 的 广告 类 别 。 

@ Impressions: 一 个 指示 广告 的 可 能 显示 频率 的 数值 (加 权 数 值 )。 在 XML 文件 中 ， 

所 有 Impressions 值 的 总 和 不 能 超过 2，048，000，000 - 1。 

e Height: 广告 的 高 度 (以 像素 为 单位 )。 此 值 会 重 写 AdRotator 控件 的 默认 高 度 设置 。 

e Width: 广告 的 宽度 (以 像素 为 单位 )。 此 值 会 重 写 AdRotator 控件 的 默认 宽度 设置 。 

【 例 5-11】 使 用 AdRotator 服务 器 控件 显示 数据 库 中 的 广告 

(1) 启动 VS， 打 开 WebSite5， 新 建 名 为 example5-11.aspx 的 网 页 。 

(2) 将 准备 好 的 广告 图 片 复 制 到 Images 文件 夹 。 

(3) 在 网 站 的 App_Data 文件 夹 中 新 建 名 为 AdDataSource.ads 的 XML 文件 。 

为 了 更 好 地 保证 安全 ， 请 将 该 文件 的 文件 扩展 名 命名 为 除 .xml 之 外 的 名 称 ， 如 .ads。 
建议 将 广告 文件 放置 在 App_Data 文件 夹 中 , 因为 ASP.NET 可 防止 浏览 器 利用 该 文件 夹 中 
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的 文件 。 
(4) 向 广告 信息 文件 中 添加 下 列 XML 元 素 。 





< ?xml version="1.0" encoding="utf-8" ?> 
<Advertisements xmlns="http://schemas.microsoft.com/AspNet/AdRotator-Schedule-File"> 
</Advertisements> 


(5) 在 Advertisements 元 素 中 ， 为 每 个 要 包括 在 广告 列表 中 的 广告 创建 一 个 Ad 元 素 ， 
然后 保存 文件 。 
<?xml version="1.0" encoding="utf-8" ?> 
<Advertisements xmlns="http://schemas.microsoft.com/AspNet/AdRotator-Schedule-File"> 
<Ad> 
<ImageUrl>~/Images/baidu.jpg</ImageUrl> 
<NavigateUrl>http://www.baidu.com</NavigateUrl> 
<AlternateText>Ad for baidu, Ltd Web site</AlternateText> 
<Impressions>100</Impressions> 
</Ad> 
<Ad> 
<ImageUrl>~/Images/google.jpg</ImageUrl> 
<NavigateUrl>http://www.google.com</NavigateUrl> 
<AlternateText>Ad for Google Web site</AlternateText> 


<Impressions>50</Impressions> 
</Ad> 
</Advertisements> 

(6) 切换 到 example5-11.aspx, 在 网 页 上 要 显示 广告 
的 位 置 放置 一 个 AdRotator， 如 图 5-17 所 示 。 

(7) 单 击 AdRotator 控件 的 【智能 标记 】， 选 择 【新 
建 数据 源 】， 选 择 【xml 文件 】， 单 击 【确定 】， 在 【 配 | 
置 数据 源 】 对 话 框 中 ， 将 【数据 文件 】 输 入 框 设 置 为 图 5-17 AdRotator 控件 
~/App_Data/AdDataSource.ads， 最 后 单 击 【 确 定 】。 

(8) 测试 广告 。 按 Ctrl+F5 运行 该 页 。 单 击 儿 次 浏览 器 的 【刷新 】 按 钮 可 显示 不 同 的 广 
告 信息 。 出 现 的 广告 是 随机 变化 的 。 


5.3.9 ”Literal 控件 和 Panel 控件 
Literal 控件 和 Panel 控件 均 可 作为 容器 控件 ， 但 二 者 的 适用 场合 不 同 ， 下 面 分 别 介绍 。 
1. Literal 控件 


Literal 控件 可 以 作为 页 面 上 其 他 内 容 的 容器 ， 最 常用 于 向 页 面 中 动态 添加 内 容 。 

对 于 静态 内 容 ， 无 须 使 用 容器 ， 可 以 将 标记 作为 HTML 直接 添加 到 页 面 中 。 但 是 ， 如 
果 要 动态 添加 内 容 ， 则 必须 将 内 容 添加 到 容器 中 。 典 型 的 容器 有 Label 控件 、Literal 控件 、 
Panel 控件 和 PlaceHolder 控件 。 

Literal 控件 与 Label 控件 的 区 别 在 于 Literal 控件 不 向 文本 中 添加 任何 HIML 元 素 。 
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(Label 控件 呈现 一 个 span 元 素 。) 因 此 ，Literal 控件 不 支持 包括 位 置 属性 在 内 的 任何 样式 属 





性 。 但 是 ，Literal 控件 允许 指定 是 否 对 内 容 进 行 编码 。 


Panel 和 PlaceHolder 控件 呈现 为 div 元 素 , 这 将 在 页 面 中 创建 离散 块 , 与 Label 和 Literal 





控件 进行 内 嵌 呈 现 的 方式 不 同 。 





通常 情况 下 ， 当 希望 文本 和 控件 直接 呈现 在 页 面 中 而 不 使 用 任何 附加 标记 时 ， 可 使 用 











Literal 控件 。 


Literal 控件 常用 的 属性 是 Mode 属性 ， 该 属性 用 于 指定 控件 对 用 户 所 添加 的 标记 的 处 


理 方式 。 可 以 将 Mode 属性 设置 为 以 下 值 。 


。 Transform.: 将 对 添加 到 控件 中 的 任何 标记 进行 转换 ， 以 适应 请 求 浏览 器 的 协议 。 





如 果 向 使 用 HIML 外 的 其 他 协议 的 移动 设备 呈现 内 容 ， 此 设置 非常 有 用 。 
PassThrough.: 添加 到 控件 中 的 任何 标记 都 将 按 原 样 呈 现在 浏览 器 中 。 
Encode: 将 使 用 HtmlEncode 方法 对 添加 到 控件 中 的 任何 标记 进行 编码 ， 这 会 将 
HTML 编码 转换 为 其 文本 表示 形式 。 例 如 ，<b> 标 记 将 呈现 为 &ltb&gt:。 当 希望 济 
览 器 显示 而 不 解释 标记 时 ， 编 码 将 很 用。 编码 对 于 安全 也 很 有 用 ， 有 助 于 防止 








在 浏览 器 中 执行 恶意 标记 。 显 示 来 自 不 受信 任 的 源 的 字符 串 时 推荐 使 用 此 设置 。 





【 例 5-12】 演 示 Literal 控件 的 使 用 。 
(1) 启动 VS， 打 开 WebSite5， 新 建 一 个 名 为 example5-12.aspx 的 网 页 。 


(2) 向 example5-12.aspx 页 面 添加 2 个 RadioButton 控件 ，1 个 Literal 控件 ，1 个 Label 


控件 。 按 如 下 所 示 的 标记 代码 设置 2 个 RadioButton 控件 的 相关 属性 。 


<asp:RadioButton ID="radioEncode" runat="server" GroupName="Literal Mode" Checked="True" 


Text="Encode" AutoPostBack="Trme" /> 
<asp:RadioButton ID="radioPassthrough" runat="server" GroupName="Literal Mode" 
Text="PassThrough" AutoPostBack="True" /> 


(3) 添加 Page_Load 事件 代码 。 


protected void Page_Load(object sender, EventArgs e) 
中 
Literall.Text = "This <b>text</b> is inserted dynamically."; 
Labell .Text ="This <b>text</b> is inserted dynamically.":; 
if (radioEncode.Checked — true) 
{ 
Literall.Mode = Literal Mode.Encode: 
} 
if (radioPassthrough.Checked 一 tme) 
上 
Literall.Mode = LiteralMode PassThrough: 
} 


(4) 按 CtrltF5 组 合 键 运行 该 页 ， 效 果 如 图 5-18 所 示 。 选 择 不 同 的 单 选 按钮 ， 


本 的 变化 。 


观察 文 
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@Encode OPassThrough 
This <b>text</b> is inserted dynamically. 
This text is inserted iy- 





图 5-18 ”Literal 控件 的 运行 示例 


2. Panel 控件 


Panel 控件 在 ASPNET 网 页 内 提供 了 一 种 容器 控件 ， 可 以 将 它 用 作 静 态 文本 和 其 他 控 
件 的 父 控 件 ， 向 该 控件 添加 其 他 控件 和 静态 文本 。 

可 以 将 Panel 控件 用 作 其 他 控件 的 容器 。 当 以 编程 方法 创建 内 容 并 需要 一 种 将 内 容 插 
入 到 页 面 中 的 方法 时 ， 此 方法 尤为 适用 。 以 下 部 分 描述 了 可 以 使 用 Panel 控件 的 其 他 方法 。 

(1) 动态 生成 的 控件 的 容器 

Panel 控件 为 在 运行 时 创建 的 控件 提供 了 一 个 方便 的 容器 。 

(2) 对 控件 和 标记 进行 分 组 

对 于 一 组 控件 和 相关 的 标记 ， 可 以 通过 把 其 放置 在 Panel 控件 中 ， 然 后 操作 此 Panel 
控件 的 方式 将 它们 作为 一 个 单元 进行 管理 。 例 如 ， 可 以 通过 设置 面板 的 Visible 属性 来 隐藏 
或 显示 该 面板 中 的 一 组 控件 。 

(3) 具有 默认 按钮 的 窗 体 

可 将 TextBox 控件 和 Button 控件 放置 在 Panel 控件 中 ， 然 后 通过 将 Panel 控件 的 

DefaultButton 属性 设置 为 面板 中 某 个 按钮 的 ID 来 定义 一 个 默认 的 按钮 。 如 果 用 户 在 面板 
内 的 文本 框 中 进行 输入 时 按 Enter, 这 与 用 户 单 击 特定 的 默认 按钮 具有 相同 的 效果 。 这 有 助 
于 用 户 更 有 效 地 使 用 项 目 窗 体 。 

(4) 向 其 他 控件 添加 滚动 条 

有 些 控件 (如 TreeView 控件 ) 没 有 内 置 的 滚动 条 。 通 过 在 Panel 控件 中 放置 滚动 条 探 
件 ， 可 以 添加 滚动 行为 。 若 要 向 Panel 控件 添加 滚动 条 ， 请 设置 Height 和 Width 属性 ， 将 
Panel 控件 限制 为 特定 的 大 小 ， 然 后 再 设置 ScrollBars 属性 。 

(5) 页 上 的 自 定义 区 域 

可 使 用 Panel 控件 在 页 面 上 创建 具有 自 定义 外 观 和 行为 的 区 域 ， 如 下 所 示 。 

。 创建 一 个 带 标题 的 分 组 框 : 可 设置 GroupingText 属性 来 显示 标题 。 呈现 页 时 , Panel 

控件 的 周围 将 显示 一 个 包含 标题 的 框 ， 其 标题 是 用 户 指定 的 文本 。 


























能 在 Panel 控件 中 同时 指定 滚动 条 和 分 组 文本 。 如 果 设 置 了 分 组 文本 ， 其 优先 级 高 
a 


e 在 页 面 上 创建 具有 自 定义 颜色 或 其 他 外 观 的 区 域 : Panel 控件 支持 外 观 属性 (如 
BackColor 和 BorderWidthb)， 可 以 设置 外 观 属性 为 页 面 上 的 某 个 区 域 创建 独特 的 外 观 。 
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说 明 : 
设置 GroupingText 属性 将 自动 在 Panel 控件 周围 呈现 一 个 边框 。 








【 例 5-13】 演 示 文 件 Panel 控件 的 使 用 。 
G@ 启动 VS， 打 开 WebSite5， 新 建 名 为 example5-13.aspx 的 网 页 。 
@ 新 建 页 面 example5-13.aspx， 切 换 到 其 【设计 】 视 图 。 

@ 从 工具 箱 的 【标准 】 选 项 卡 中 ， 将 Panel 























控件 拖 动 到 页 面 上 ， 如 图 5-19 所 示 。 和 oa [FE 

@ 添加 DropDownListl 、CheckBoxl 、 (sl 
CheckBox2、Button1、Literall、Literal2 控件 ， 如 oe te } 
图 5-19 所 示 。 - 
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@@ 切换 到 example5-13.aspx 页 的 【 源 】 视 图 ， 图 5-19 添加 Panel 等 控件 


根据 下 面 的 代码 设置 各 个 控件 的 属性 。 


<asp:panel id="myPanel" runat="server" backcolor="#eeeeee" width="300px" 
GroupingText="Panel 控件 "> 
<p> 作 为 动态 生成 的 文本 框 的 容器 …… </p> 
</asp:panel> 
生成 TextBoxes: 
<asp:dropdownlist id="DropDownListl" runat="server"> 
<asp:listitem value="1">1</asp:listitem> 
<asp:listitem value="2">2</asp:listitem> 
<asp:listitem value="3">3</asp:listitem> 
</asp:dropdownlist> 
<asp:button ID="Button1" text=" 刷 新 Panel" runat="server" onclick="Buttonl_Click" /> 
<asp:CheckBox ID="CheckBoxChangeFont" runat="server" AutoPostBack="True" 
oncheckedchanged="CheckBoxChangeFont_CheckedChanged" Text=" 设 置 字体 "/> 
<asp:CheckBox ID="CheckBoxChangeBkGround" runat="server" AutoPostBack="True" 
oncheckedchanged="CheckBoxChangeBkGround_CheckedChanged" Text=" 设 置 背 景 "/> 


@ 切换 到 example5-13.aspx.cs 页 的 【代码 视图 , 根据 下 面 的 代码 设置 各 控件 的 Click 
事件 的 处 理 程序 。 
void Page_ Load(object src, EventArgs e) 


// generate textbox controls 
int numtexts = int.Parse(DropDownList].SelectedItem.Value); 
for (inti= 1;i<= numtexts; i++) 
{ 
myPanel.Controls.Add(new LiteralControl("<p>")); 
TextBox t= new TextBox(); 
t.Text = "TextBox" + 1.ToString(O; 
tID = "TextBox" +iToString():; 
myPanel.Controls. Add(t): 
站 
} 


protected void CheckBoxChangeFont CheckedChanged(object sender, EventArgs e) 


第 5 章 ASPNET 服务 器 控件 。145 。 


if (CheckBoxChangeFont.Checked) 
{ 
this myPanelFont.Italic = true; 
this.myPanel.ForeColor = System.Drawing.Color.Red ; 
Literall .Text =" 当 前 所 显示 字 型 是 “斜体 ”， 颜 色 是 “红色 ”"; 


this.myPanel.Font.Italic = false ; 
this.myPanel.ForeColor = System.Drawing.Color.Blue; 
Literall.Text = "当前 所 显示 字 型 是 “默认 字体 ”， 颜 色 是 “ 蓝 色 ”"; 
} 
} 
protected void CheckBoxChangeBkGround CheckedChanged(object sender, EventArgs e) 


1f (CheckBoxChangeBkGround.Checked) 

{et 
this.myPanel.BackColor = System.Drawing.Color.Bisque;//Bisque 桶 黄色 
Literal2.Text = "当前 所 显示 背景 颜色 是 “Bisque 桶 黄色 ”。"; 

} 


else 


{ 
this.myPanel.BackColor = System.Drawing.Color Beige://Beige 米黄 色 
Literal2.Text = "当前 所 显示 背景 颜色 是 “Beige 米黄 色 ”。"; 
} 


@ 按 Ctrl+F5 组 合 键 ， 观 看 显示 效果 。 


5.4 ”验证 控件 


ASP.NET 为 开发 人 员 提 供 了 一 套 完整 的 服务 器 控件 来 验证 用 户 输入 的 信息 是 否 有 效 ， 
这 些 控 件 可 与 ASP.NET 网 页 上 的 任何 控件 (包括 HTML 和 服务 器 控件 ) 一 起 使 用 。 


5.4.1 ASPNET 验证 控件 
表 5-2 列 出 了 ASP.NET 验证 控件 及 其 功能 说 明 。 


表 5-2 ASP.NET 验证 控件 








验证 类 型 使 用 的 控件 


必 选 项 验证 控件 


说 了 明 
验证 一 个 必 填 字 段 ， 如 果 这 个 字段 没 填 ， 那 么 ， 将 不 能 提 




















必 选 项 。 
RequiredFieldValidator 交 信 息 
比较 验证 : 将 用 户 输入 与 一 个 常数 值 或 者 另 一 个 控件 或 特 
与 某 值 的 比较 验证 控件 定数 据 类 型 的 值 进行 比较 (使 用 小 于 、 等 于 或 大 于 等 比较 运 
比较 CompareValidator 算 符 )， 同 时 也 可 以 用 来 校 验 控件 中 内 容 的 数据 类 型 : 如 整 


型 、 字 符 串 型 等 。 如 密码 和 确认 密码 两 个 字段 是 否 相等 
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( 续 表 ) 
验证 类 型 使 用 的 控件 说 明 
范围 验证 : RangeValidator 控件 可 以 用 来 判断 用 户 输入 的 值 
各 用 检 在 。。 | 范 国 验证 控件 是 否 在 某 一 特定 范围 内 。 可 以 检查 数字 对 、 字 母 对 和 日 期 
下 对 限定 的 范围 。 属 性 MaximumValue 和 MinimumValue 用 


来 设 定 范围 的 最 大 和 最 小 值 





正则 表达 式 验 证 : 它 根据 正则 表达 式 来 验证 用 户 输入 字段 


正则 表达 式 验证 控件 的 格式 是 否 合法 ， 如 电子 邮件 、 身 份 证 、 电 话 号 码 等 。 











Se RegularExpressionValidator “| ControlToValidate 属性 选择 需要 验证 的 控件 ， 
ValidationExpression 属性 则 编写 需要 验证 的 表达 式 的 样式 
ee 使 用 自己 编写 的 验证 逻辑 检查 用 户 输入 。 此 类 验证 能 够 检 
用 户 定义 gd 查 在 运行 时 派生 的 值 。 在 运行 定制 的 客户 端 JavaScript 或 
VBScript 函数 时 ， 可 以 使 用 这 个 控件 
验证 汇总 控件 验证 汇总 : 该 控件 不 执行 验证 ， 但 该 控件 将 本 页 所 有 验证 
验证 汇总 要 控件 的 验证 错误 信息 汇总 为 一 个 列表 并 集中 显示 ， 列 表 的 
ValidationSummary 








显示 方式 由 DisplayMode 属性 设置 


e 验证 对 象 模 型 : 通过 使 用 由 各 个 验证 控件 和 页 面 公 开 的 对 象 模型 ， 可 以 与 验证 控 
件 进行 交互 。 每 个 验证 控件 都 会 公开 自己 的 Valid 属性 ， 可 以 测试 该 属性 以 确定 
该 控件 是 否 通过 验证 测试 。 页 面 还 公开 一 个 ISValid 属性 ， 该 属性 总 结 页 面 上 所 有 
验证 控件 的 IsValid 状态 。 该 属性 允许 开发 者 执行 单个 测试 ， 以 确定 是 否 可 以 继续 
自行 处 理 。 页 面 还 公开 一 个 包含 页 面 上 所 有 验证 控件 的 列表 的 Validators 集合 。 可 
以 依次 通过 这 一 集合 来 检查 单个 验证 控件 的 状态 。 

e Button 控件 和 验证 : 如 果 某 一 页 面包 含 ASPNET 验证 控件 ， 则 在 默认 情况 下 ， 单 
击 按钮 控件 会 导致 验证 控件 执行 检查 。 如 果 为 验证 控件 启用 了 客户 端 验证 ， 则 在 
验证 检查 失败 时 不 会 提交 该 页 面 。 表 5-3 描述 了 按钮 控件 所 支持 的 可 以 更 精确 地 控 
制 验 证 过 程 的 属性 。 


表 5-3 Button 控件 的 部 分 属性 
属 性 说 明 
CausesValidation | 指定 单 击 按钮 是 否 还 执行 验证 检查 。 将 此 属性 设置 为 false 可 避免 验证 检查 
ValidationGroup | 能 够 指定 单 击 按钮 时 调用 页 面 上 的 哪些 验证 程序 。 如果 未 建立 任何 验证 组 , 则 单 击 
按钮 会 调用 页 面 上 的 所 有 验证 程序 











5.4.2 ”验证 Web 窗 体 页 中 的 用 户 输入 
本 示例 演示 如 何 使 用 ASPNET 验证 控件 检查 网 页 中 的 用 户 输入 。 

















【 例 5-14】 验 证 Web 窗 体 页 中 的 用 户 输入 ，【 设 计 】 视 图 如 图 5-20 所 示 。 其 中 ， 电 
子 邮件 地 址 必须 有 必 填 验证 和 格式 验证 ， 预 定 人 数 有 必 填 验证 和 数据 范围 验证 ， 预 定 日 期 
有 自 定义 的 日 期 格式 验证 。 
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提交 预定 
电子 邮件 地 址 : RequiredFieldValidator RegularExpressionValidator 


预定 人 数 ， RequiredFieldValidator RangeValidator 
CustomValidator 














图 5-20 添加 验证 控件 














(1) 启动 VS， 打 开 WebSite5， 新 建 网 页 example5-14.aspx。 

(2) 切换 到 example5-14.aspx 的 【设计 】 视 图 ， 输 入 页 标题 “提交 预定 ”。 

添加 3 个 TextBox 控 件 , ID 属性 分 别 改 为 textEmail、textNumberImParty 和 textPreferredDate; 
添加 Button 控 件 ， 属 性 设置 为 ID="buttonSubmit" 、Text=" 提 交 申 请 "、ValidationGroup= 
"AllValidators"; 添加 Label 控 件 ， 属 性 设置 为 ID="labelMessage"、Text=""。 

(3) 如 图 5-20 所 示 ， 在 上 述 文本 框 左 侧 输 入 文本 作为 标题 。 

(4) 双击 【提交 申请 】 按 钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 添 加 以 下 代码 。 


protected void buttonSubmit Click(object sender, EventArgs e) 


{ 
1f (Page.IsValid) 
{ 
labelMessage.Text = "您 的 预订 已 处 理 !"; 
labelMessage.ForeColor = System.Drawing.Color.Red: 
| 


该 按钮 处 理 程序 只 显示 a 息 ， 它 不 执行 实际 的 处 理 操作 。 但 显示 该 消息 将 允许 在 
本 示例 的 后 面部 分 测试 验证 结果 
(5) 切换 到 【设计 】 视 图 ， 双击 页 面 空 自 区 域 以 创建 -个 Page_Load 处 理 程序 ， 添 加 
以 下 代码 。 
protected void Page_Load(object sender, EventArgs e) 


{ 
labelMessage. Text = ""; 


} 
在 通过 所 有 验证 后 ， 该 代码 将 清除 该 页 上 所 显示 的 消息 。 该 代码 对 本 示例 后 面部 分 的 
测试 很 有 用 。 
(6) 添加 RequiredFieldValidator 并 将 该 控件 放 在 textEmail 文 本 框 右 侧 ， 设 置 
RequiredFieldValidator 控 件 的 以 下 属性 ， 如 表 5-4 所 示 。 


表 5-4 RequiredFieldValidator 控件 的 属性 设置 









属 性 值 说 有明 


ControlToValidate | textEmail 











将 该 验证 控件 绑 定 到 要 验证 其 内 容 的 文本 框 
Display Dynamic 指定 只 在 显示 错误 需要 时 才 呈 现 该 控件 












须 填 电子 邮件 地 址 | 显示 摘要 错误 中 的 文本 





ErrorMessage 
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( 续 表 ) 











说 明 
星 号 表示 某 字 段 是 必 填 的 。 只 在 出 现 错误 时 ， 才 显示 该 文 
来 

将 验证 控件 分 组 








(7) 添加 RegularExpressionValidator 控件 并 将 其 放 在 刚 添 加 的 RequiredFieldValidator 

右 侧 ， 设 置 RegularExpressionValidator 控件 属性 ， 该 标签 代码 如 下 。 
<asp:RegularExpressionValidatorID='"RegularExpressionValidatorl" runat="server" ErrorMessage=" 

邮件 地 址 错误 ! " ControlToValidate="textEmail" CssClass="auto-stylel" Display="Dynamic" 

ValidationGroup="AllValidators" ValidationExpression="\w+([-+.]\w+)*@\w+([-. wt)*\ w+([-.J wh)* "> 

无 效 格式 ! </asp:RegularExpressionValidator> 

(8) 在 RegularExpressionValidator 正则 表达 式 验 证 控件 仍 处 于 选 定 状 态 时 ， 在 【属性 】 
窗口 中 单 击 ValidationExpression 框 中 的 省 略 号 按钮 , 在 【标准 表达 式 】 列 表 中 , 单 击 【Intemet 
电子 邮件 地 址 】， 单 击 【 确 定 】 关 闭 对 话 框 。 

(9) 添加 RequiredFieldValidator 控件 ， 将 该 控件 绑 定 到 textNumberInParty 文本 框 并 将 
其 ErrorMessage 属性 设置 为 【请 指出 团队 人 数 】。 

(10) 添加 RangeValidator 控件 并 将 其 放 在 刚 添加 的 RequiredFieldValidator 控件 右 侧 ， 
设置 RangeValidator 控件 的 属性 ， 标 签 代码 如 下 。 





<asp:RangeValidator ID="RangeValidatorl" runat="server" ControlToValidate="textNumberInParty" 

Display="Dynamic" MaximumValue="20" MinimumValue="1" ErrorMessage=" 为 团队 人 数 输 入 一 个 介 

于 1 和 20 之 间 的 数字 " ValidationGroup="AllValidators" Type="Integer" Text=" 输 入 一 个 介 填 1 和 20 

之 间 的 数字 "></asp:RangeValidator> 

RangeValidator 控件 执行 下 面 两 个 功能 : 首先 确保 用 户 所 输入 的 数据 是 数字 ， 然 后 检 
查 该 数字 是 否 在 指定 的 最 小 值 和 最 大 值 之 间 。 

(11) 按 CtrltF5 组 合 键 运行 该 页 。 分 别 输入 正确 的 、 不 正确 的 电子 邮件 地 址 ， 在 指定 
范围 内 和 不 在 指定 范围 内 的 数字 ， 进 行 验证 。 

(12) 从 工具 箱 的 【验证 】 组 中 ， 将 ValidationSummary 控件 拖 动 到 页 面 上 ， 将 其 
ValidationGroup 属性 设置 为 AllValidators。 运 行 该 页 ， 执 行 相 同 的 测试 。 

对 于 每 条 错误 ， 将 看 到 在 两 个 位 置 中 显示 了 错误 信息 。 在 验证 控件 所 在 的 位 置 上 显示 
了 一 条 简短 的 错误 信息 (验证 程序 的 Text 属性 值 )， 在 ValidationSummary 控件 中 显示 了 一 
条 较 长 的 错误 信息 (该 控件 的 ErorMessage 属性 值 )。 

(13) 将 ValidationSummary 控件 的 ShowMessageBox 属性 设置 为 tue。 运 行 该 页 。 执 
行 相 同 的 测试 。 此 时 ， 每 条 错误 将 会 导致 在 浏览 器 中 显示 一 个 弹出 消息 框 。 

(14) 添加 CustomValidator( 自 定义 验证 控件 ) 放 在 textPreferredDate 文本 框 右 侧 ， 并 设 
置 CustomValidator 控件 属性 ， 标 签 代码 如 下 。 








<asp:CustomValidator ID="CustomValidatorl" runat="server" ErrorMessage=" 以 yyyy-m-d 格 式 输入 
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一 个 日 期 &quot:" ControlToValidate="textPreferredDate" CssClass="auto-stylel" Display="Dynamic" 
ValidationGroup="AllValidators" ”EnableClientScript="False" > 无 效 日 期 格式 (需要 
yyyy-m-d)</asp:CustomValidator> 


(15) 双击 CustomValidator 控件 ， 为 其 ServerValidate 事件 创建 一 个 处 理 程序 ， 添 加 以 
下 代码 。 


protected void CustomValidatorl ServerValidate(object source,ServerValidateEventArgs args) 
{ 

try 

i 





DateTimeFormatInfo infol = (DateTimeFormatInfo) 
Thread.CurrentThread.CurrentCulture.GetFormat(typeof(Date TimeFormatInfo)); 
DateTime timel = DateTime.ParseExact(args.Value, "d", infol, 
DateTimeStyles.AllowWhiteSpaces); 
args.IsValid = true: 
} 


catch 


args.IsValid = false; 


} 
} 


在 用 户 提交 此 页 面 时 运行 该 代码 。 该 代码 使 用 传 入 处 理 程序 的 ServerValidateEventArgs 
(args) 对 象 与 该 验证 控件 交互 。 用 户 在 textPreferredDate 文本 框 中 所 输入 的 值 作为 args 对 象 
的 Value 属性 传递 。 在 检查 用 户 输 入 是 否 有 效 后 , 将 args 对 象 的 IsValid 属性 相应 地 设置 为 
true 或 false。 如 果 将 该 属性 设置 为 false， 则 该 验证 程序 将 显示 其 错误 信息 。 

注意 : 

需要 引入 两 个 命名 空间 : System.Globalization 和 using System.Threading。 

(16) 在 Button_Click 处 理 程序 中 ， 添 加 以 下 代码 。 


protected void buttonSubmit Click(object sender, EventArgs e) 


{ 
if(Page.IsValid) 
这 
labelMessage.Text = "您 的 预订 已 受理 。"; 
//Your reservation has been processed. 
由 
else 
labelMessage.Text = "页 面 不 合 语法 。"://Page is not valid. 
} 
} 





在 使 用 时 ， 必 须 在 服务 器 端的 任何 处 理 期 间 都 检查 Page.IsValid 属性 以 确定 是 否 通过 
了 所 有 验证 检查 。IsValid 属性 返回 该 页 面 上 所 有 验证 控件 的 累积 状态 。 此 属性 用 于 确保 任 
何 服务 器 端的 处 理 逻 辑 都 已 通过 所 有 验证 检查 。 

(17) 按 CtrltF5 组 合 键 运行 该 页 ， 测 试 CustomValidator 控件 。 
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【 例 5-15】 演 示 CompareValidator 比较 验证 控件 的 使 用 方法 。 

(1) 启动 VS， 打 开 WebSite5， 新 建 名 字 为 example5-15.aspx 的 网 页 。 

(2) 在 设计 【视图 】 中 ， 添 加 如 图 5-21 所 示 的 控件 ，2 个 TextBox 控 件 ，2 个 
RequiredFieldValidator 控 件 ，1 个 CompareValidator 控 件 。 





加 TE 
码 ， 密码 不 能 为 空 ! 
A. ee 





图 5-21 CompareValidator 控件 
(3) 在 example5-15.aspx 生成 如 下 代码 。 


* 密 码 : 

<asp:TextBox ID="TextBoxPassword" runat="server"></asp:TextBox> 

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
ControlToValidate="TextBoxPassword" ErrorMessage=" 密 码 不 能 为 空 ! " 
Display="Dynamic"> 密 码 不 能 为 空 ! 

</asp:RequiredFieldValidator> <br /> 

* 确 认 密 码 : 

<asp:TextBox ID="TextBoxPasswordConfirm" runat="server"></asp:TextBox> 

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
ControlToValidate="TextBoxPasswordConfirm" ErorMessage" 密 码 不 能 为 空 ! " 
Display="Dynamic"> 密 码 不 能 为 空 ! 

</asp:RequiredFieldValidator> <br /><br /> 

<asp:CompareValidator ID="CompareValidatorl" runat="server" 
ControlToCompare="TextBoxPassword" ControlToValidate="TextBoxPasswordConfirm" 
ErorMessage=" 密 码 不 一 致 ， 重 新 输入 。" Display="Dynamic"> 密 码 不 一 致 ， 重 新 输入 。 

</asp:CompareValidator> 


(4) 按 CtrltF5 组 合 键 运行 该 页 ， 测 试 CompareValidator 控件 。 


5.5 用 户 控件 


有 时 可 能 需要 控件 具有 ASP.NET 内 置 服务 器 控件 没有 的 功能 。 在 这 种 情况 下 ， 用 户 
可 以 创建 自己 的 控件 。 有 两 个 选择 ， 可 以 创建 用 户 控件 和 自 定义 控件 。 
用 户 控件 是 能 够 在 其 中 放置 标记 和 服务 器 控件 的 容器 。 然 后 ， 可 以 将 用 户 控 件 作为 一 
个 单元 对 待 ， 为 其 定义 属性 和 方法 。 

自 定义 控件 是 编写 的 一 个 类 ， 此 类 从 Control 或 WebControl 派生 。 

创建 用 户 控 件 要 比 创建 自 定 义 控件 方便 很 多 ， 因 为 可 以 重用 现 有 的 控件 。 用 户 控件 使 
创建 具有 复杂 用 户 界面 元 素 的 控件 极为 方便 。 


1. 用 户 控件 结构 
ASPNET Web 用 户 控件 与 完整 的 ASPNET 网 页 (.aspx 文件 ) 相 似 ， 同 时 具有 用 户 界 面 
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页 和 代码 页 。 可 以 采取 与 创建 ASP.NET 页 相似 的 方式 创建 用 户 控 件 ， 然 后 向 其 中 添加 所 
需 的 标记 和 子 控件 。 用 户 控件 可 以 像 页 面 一 样 包含 对 其 内 容 进 行 操作 (包括 执行 数据 绑 定 等 
任务 ) 的 代码 。 


2. 用 户 控件 与 ASP.NET 网 页 有 以 下 区 别 


(1) 用 户 控件 的 文件 扩展 名 为 .ascx。 

(2) 用 户 控件 中 没有 @Page 指令 ， 而 是 包含 @Control 指令 ， 该 指令 对 配置 及 其 他 属性 
进行 定义 。 

(G3) 用 户 控件 不 能 作为 独立 文件 运行 。 而 必须 像 处 理 任何 控件 一 样 ， 将 它们 添加 到 
ASP.NET 页 中 。 

(4) 用 户 控件 中 没有 HTML、body 或 form 元 素 。 这 些 元 素 必须 位 于 宿主 页 中 。 

(5) 可 以 在 用 户 控件 上 使 用 与 在 ASPNET 网 页 上 所 用 相同 的 HTML 元 素 (HTML、 body 
或 form 元 素 除外 ) 和 Web 控件 。 例 如 ， 如 果 要 创建 一 个 将 用 作 工 具 栏 的 用 户 控 件 ， 则 可 以 
将 一 系列 Button 服务 器 控件 放 在 该 控件 上 ， 并 创建 这 些 按钮 的 事件 处 理 程序 。 

【 例 5-16】 演 示 一 个 实现 微调 控件 的 用 户 控件 。 在 此 微调 控件 中 ， 用 户 可 以 单 击 【向 
上 】 和 【向 下 】 按 钮 以 滚动 文本 框 中 的 一 系列 选择 。 

@ 启动 VS， 打 开 WebSite5， 新 建 名 为 example5-16.aspx 的 网 页 。 

@ 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 WebSite5， 选 择 【 添 加 】|【 新 建 项 】 
命令 ， 在 弹出 的 对 话 框 中 选择 【已 安装 】 模 板 ， 使 用 默认 名 称 为 WebUserControll.ascx， 
单 击 【 添 加 】 按 钮 ， 用 户 控件 文件 WebUserControl.ascx 就 添加 到 解决 方案 中 了 。 

@@ 单 击 WebUserControll 的 【设计 】 标 签 ， 切 换 到 如 图 5-22 所 示 的 【设计 】 视 图 ， 
然后 在 【工具 箱 】 中 依次 双击 TextBox 控件 、Button 控件 ， 添 加 1 个 TextBox 控件 ，2 个 
Button 控件 。TextBox 控件 的 ReadOnly 属性 设置 为 True，ID 属性 设置 为 TextBoxColor; 
其 中 一 个 Button 控件 的 ID 属性 设置 为 ButtonUp， - 一 
Text 属性 设置 为 Up; 另 一 个 Button 控件 的 ID 属性 记 - 
































设置 为 ButtonDown，Text 属性 设置 为 Down。 而 i 
@ 在 WebUserControll 的 【设计 】 视 图 中 双击 ， 图 5-22 ”创建 数据 库 文件 夹 


切换 到 WebUserControll 的 代码 视图 ， 即 打开 WebUserControl.ascx.cs 文 件 ， 定 义 变 量 ， 为 
Page_Load 事 件 、Up 按 钮 和 Down 按 钮 的 Click 事 件 添加 如 下 代码 。 





public partial class WebUserControl : System. Web.UI.UserControl 
{ 
protected int currentColorIndex; 
Protected string[] colors ={ "Red", "Green", "Blue", "Yellow", }; 
protected void Page_Load(object sender, EventArgs e) 
{WISPostBack 的 值 指示 是 正 为 响应 客户 端 回 发 而 加 载 用 户 控件 ， 还 是 正 第 一 次 加 载 和 访问 、 
// 用 户 控 件 。 如 果 是 正 为 响应 客户 端 回 发 而 加 载 用 户 控 件 ， 则 为 tme; 否则 为 false。 
if (IsPostBack) 
巡 
currentColorIndex = Int16.Parse(ViewState["currentColorIndex"].ToString()); 
} 
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else 
currentColorIndex = 0; 
DisplayColor(); 
} 
> 
private void DisplayColor0 
uy 
TextBoxColor.Text = colors[currentColorIndex]; 
// 在 文本 框 文字 改变 时 字体 的 颜色 也 相应 改变 
TextBoxColor.ForeColor = System.Drawing.Color FromName(colors[currentColorImndex]); 
String strColor = colors[currentColorIndex]; 
Response.Write("<body ”bgColor="+ strColor +"></body>");// 让 网 页 背景 改变 颜色 。 
/下 面 的 代码 演示 如 何以 多 种 不 同 的 字号 显示 相同 的 HIML 文本 。 
for (int i=0; i<10; i++) 
& 
Response. Write("<font size="+i +"> Hello World! </font>"); 


} 
/下 面 的 代码 演示 以 多 种 不 同 的 颜色 显示 相同 的 HIML 文本 。 
String strColor2 = colors[(currentColorIndex+1)%4]; 
Response.Write("<font color=" + ColorFromName(strColor2).ToKnownColor 0 + 
"> “岁月 无 情 增 中 减 ， 书 香 有 味 苦 后 甜 </font>"); 
ViewState["currentColorIndex"] = currentColorImndex.ToString0: 
1 
protected void BottonUp_Click(object sender, EventArgs e) 
{ 
if (currentColorIndex 一 0) 
对 


} 
else 


{ 


currentColorIndex = colors.Length - 1; 


currentColorIndex -= 1: 


} 
DisplayColor0; 


protected void ButtonDown_Click(object sender, EventArgs e) 


{ 
if (currentColorIndex 一 (colors .Length -1)) 


{ 
currentColorIndex = 0: 


currentColorIndex += 1: 


} 
DisplayColor0: 


) 


@ 保存 用 户 控 件 。 切 换 到 页 面 的 【设计 】 视 图 ， 从 【解决 方案 资源 管理 器 】 中 两 次 
拖 动用 户 控件 WebUserControll 到 网 页 设计 视图 上 ， 如 图 5-23 所 示 。 
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图 5-23 用 户 控件 示例 





@ 按 CtrltF5 组 合 键 运行 该 页 。 单 击 Up、Down 按钮 ， 分 析 显 示 结果 。 


5.6 ”本章 小 结 


本 章 详细 介绍 了 大 量 的 ASP.NET 服务 器 控件 。 由 于 这 些 控件 如 此 重要 ， 而 且 在 每 个 
ASP.NET 应 用 程序 中 都 会 用 到 ， 因 此 ， 了 解 工具 箱 中 有 哪些 控件 可 用 、 它 们 各 自 的 用 途 、 
它们 的 使 用 方法 等 非常 关键 。 











本 章 主要 介绍 了 网 页 开发 中 常用 到 的 HTML 元 素 和 HTML 服务 器 控件 、 标 准 服务 器 
控件 、 验 证 控件 、 用 户 自 定义 控件 等 内 容 。 这 些 常 用 控件 基本 能 够 满足 ASPNET 应 用 程 
序 的 开发 。 


5.7 思考 和 练习 


1. 在 Asp.net 中 所 有 的 自 定义 用 户 控件 都 必须 继承 自 哪个 类 ? 

2. 在 ASPNET 中 ， 类 System.Web.UILPage 可 以 被 继承 么 ? 

3. ASPNET 框架 中 ， 服 务 器 控件 是 为 配合 Web 表单 工作 而 专门 设计 的 。 服 务 器 控件 
有 哪 两 种 类 型 ? 

4. ASP.NET 中 ， 在 Web 窗 体 页 上 注册 一 个 用 户 控件 ， 指 定 该 控件 的 名 称 为 Mike， 正 
确 的 注册 指令 是 什么 ? 

5. 常见 的 验证 控件 有 哪些 ? 功能 如 何 ? 
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设计 一 个 网 站 时 ， 用 一 个 网 页 完成 所 有 功能 是 不 可 能 的 ， 通 常会 按照 不 同 的 功能 将 其 
划分 成 各 自 独立 的 模块 进行 处 理 ， 所 以 一 个 网 站 通常 是 由 很 多 网 页 组 成 的 。 这 样 就 需要 在 
不 同 的 网 页 间 进 行 切换 ， 还 可 能 用 到 网 页 间 的 数据 传递 或 数据 共享 。 

当 应 用 程序 或 网 站 越 来 越 复杂 时 ， 如 何 管理 成 百 上 千 个 链接 、 如 何 具 有 清晰 的 层次 结 
构 感 就 变 得 越 来 越 重要 。 为 了 让 登录 网 站 的 用 户 能 够 容易 地 知道 所 处 的 位 置 及 顺利 地 访问 
目的 网 页 ， 还 须 为 网 站 添加 网 站 导航 。 

本 章 首 先 介绍 几 种 常用 的 页 面 切换 方法 和 数据 传递 方法 ， 然 后 介绍 与 网 站 导航 相关 的 
控件 及 其 基本 用 法 。 

本 章 的 学 习 目 标 : 

e 了解 页 面 切换 、 数 据 传递 和 导航 的 基础 知识 。 

e 掌握 页 面 之 间 的 切换 方法 。 

。 掌握 页 面 之 间 的 数据 传递 方法 。 

e 掌握 网 站 的 导航 方法 。 


6.1 页 面 切换 


在 ASP.NET Web 应 用 程序 中 ， 有 多 种 页 面 切换 的 方法 ， 常 用 的 有 以 下 几 种 。 

(1) 利用 超 链接 直接 跳 转 切换 到 其 他 页 面 。 例 如 ， 使 用 <a> 标 记 或 者 HyperLink 控件 直 
接 链 接 到 目标 页 面 。 

(2) 利用 Button、ImageButton 和 LinkButton 等 控件 的 PostBackUrl 属性 跳 转 切换 到 目 
标 页 面 。 

(3) 使 用 Response.Redirect 或 Server.Transfer 方法 跳 转 到 目标 页 面 。 
6.1.1 ， 超 链接 方式 

从 一 个 页 面 切换 到 另 一 个 页 面 最 简单 的 方法 就 是 使 用 超 链接 。 超 链接 方法 有 两 种 
种 是 通过 HIML 的 <a> 标 记 实 现 ， 另 一 种 是 使 用 HyperLink 控件 实现 。 

1. 通过 <a> 标 记 实 现 页 面 切 换 

通过 标记 <a> 标 记 的 href 属性 ， 链 接 到 目标 页 面 ， 示 例 代码 如 下 。 


<a hre 伟 "Page2.aspx"> 进 入 页 面 2</a> 
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以 上 代码 当 用 户 单 击 “ 进 入 页 面 2” 链 接 文字 时 ， 跳 转 切 换 到 Page2.aspx 页 面 。 
2. 通过 HyperLink 控件 实现 页 面 切换 
通过 HyperLink 控件 的 NavigateUrl 属性 ， 链 接 到 目标 页 面 ， 示 例 代 码 如 下 。 





<asp:HyperLink ID="HyperLinkl" runat="server" NavigateUrl="~/page2.aspx"> 进 入 页 面 2 
</asp:HyperLink> 
以 上 代码 同样 实现 了 前 面 标记 <a> 的 功能 。 
【 例 6-1】 演 示 如 何 利 用 HyperLink 控件 链接 到 其 他 页 面 。 
(1) 运行 VS， 新 建 网 站 WebSite6。 
(2) 在 应 用 程序 中 添加 一 个 名 为 Pagel.aspx 的 网 页 , 添加 一 个 名 为 Page2.aspx 的 网 页 。 
(3) 切换 到 Pagel.aspx 的 【设计 】 视 图 ， 向 页 面 中 拖 放 一 个 HyperLink 控件 ， 使 用 默 
认 的 控件 名 称 , 然后 设置 HyperLink 控件 的 NavigateUrl 属性 。 在 HyperLink 控件 的 【属性 】 
面板 中 ， 单 击 NavigateUrl 右 侧 的 按钮 ， 在 弹出 的 【选择 URL】 对 话 框 中 选择 Page2.aspx， 
单 击 【 确 定 】 按 钮 ， 使 其 属性 值 为 Page2.aspx， 如 图 6-1 所 示 。 并 设置 HyperLink 控件 的 
Text 属性 值 为 “进入 页 面 2”。 
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图 6-1 设置 HyperLink 的 NavigateUrl 属性 


(4) 切换 到 Pagel.aspx 网 页 ， 按 FS 键 调试 运行 。 
HyperLink 控件 与 <a> 标 记 能 够 实现 相同 的 链接 效果 ， 但 是 ， 使 用 HyperLink 控件 可 以 
在 服务 器 端 动态 设置 NavigateUrl 属性 ， 示 例 代码 如 下 。 


Protected void Page_Load(object sender, EventArgs e) 


下 < 判断 条 件 > 
{ 
HyperLinkl .NavigateUrl="newPage.aspx": * 判 断 条 件 为 “ 真 ”时 ， 执 行 此 语句 
有 
else 
HyperLinkl .NavigateUrl=""; * 判 断 条 件 为 “ 假 ” 时 ， 执 行 此 语句 
} 


} 


ASPNET 4.5 网 站 开发 实例 教程 


超 链接 方式 的 特点 是 ， 当 用 户 单 击 超 链接 时 ， 客 户 端 浏 览 器 会 直接 请 求 链接 的 目标 网 
页 ， 因 此 服务 器 不 会 将 目标 网 页 与 链接 前 的 网 页 进行 关联 。 也 就 是 说 ， 服 务 器 不 会 将 与 源 
网 页 有 关 的 任何 信息 传递 到 目标 网 页 ， 除 非 在 目标 网 页 的 URL 上 指定 查询 字符 串 。 

在 同一 个 Web 应 用 程序 中 , 如 果 使 用 超 链接 切换 到 另 一 个 网 页 ， 可 以 通过 使 用 会 话 状 
态 (Session) 来 共享 源 网 页 和 目标 网 页 中 的 信息 。 


6.1.2 ”控件 的 PostBackUrl 属性 方式 


在 Button、LinkButton 和 ImageButton 控件 中 ， 有 一 个 PostBackUrl 属性 ， 可 以 利用 该 
属性 切换 到 其 他 页 面 ， 这 种 切换 方式 称 为 跨 页 发 送 。 

跨 页 发 送 与 超 链接 都 是 通过 用 户 操作 来 切换 到 其 他 页 面 。 但 是 ， 在 跨 页 发 送 中 ， 服 务 
器 会 将 源 网 页 上 控件 的 值 发 送 到 目标 网 页 。 如 果 源 网 页 和 目标 网 页 属于 同一 个 Web 应 用 程 
序 ， 目 标 网 页 还 可 以 访问 源 网 页 的 公共 属性 。 

利用 按钮 Button、LinkButton 和 ImageButton 控件 的 PostBackUrl 属性 切换 到 其 他 页 面 
的 操作 过 程 与 利用 超 链接 切换 到 其 他 页 面 的 操作 过 程 相似 。 

【 例 6-2】 演示 如 何 利用 Button、LinkButton 和 ImageButton 控件 的 PostBackUrl 属性 跳 
转 到 其 他 页 面 。 

(1) 运行 Vs， 打开 WebSite6 网 站 。 

(2) 在 应 用 程序 中 添加 一 个 名 为 PageOne.aspx 的 网 页 , 再 分 别 添加 名 为 PageTwo.aspx、 
PageThree.aspx 、 PageFour.aspx 的 网 页 ， 并 分 别 在 PageTwo.aspx 、PageThree.aspx 、 
了 PageFour.aspx 的 网 页 中 添加 文字 “欢迎 来 到 第 二 个 页 面 。”、“ 欢 迎 来 到 第 三 个 页 面 ” 和 
“欢迎 来 到 第 四 个 页 面 ”， 以 便 运 行 时 将 不 同 页 面 区 分 开 。 

(3) 切换 到 PageOne.aspx 的 【设计 视图 ,向 页 面 中 拖 放 1 个 Button 控件 ,1 个 LinkButton 
控件 和 1 个 ImageButton 控件 ， 均 使 用 默认 的 控件 名 称 。 

分 别 设置 这 几 个 控件 的 PostBackUrl 属性 。 在 Button 控件 的 【属性 】 面 板 中 ， 单 击 
PostBackUrl 右 侧 的 按钮 ， 在 弹出 的 【选择 URL】 对 话 框 中 选择 PageTwo.aspx， 单 击 【 确 
定 】 按 钮 ， 使 其 属性 值 为 PageTwo.aspx， 如 图 6-2 所 示 。 并 设置 Button 控件 的 Text 属性 值 
为 “ 单 击 Button 转 到 第 二 个 页 面 ” 
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图 6-2 设置 Button 控件 的 PostBackUrl 属性 
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类 似 地 , 设置 LinkButton 控件 的 PostBackUr 属性 值 为 PageThree.aspx，Text 属性 值 为 
【 单 击 LinkButton 转 到 第 三 个 页 面 】， 设 置 ImageButton 控件 的 PostBackUrl 属性 值 为 
PageFour.aspx， 另 外 ， 设 置 其 ImageUrl 属性 。 

(4) 切换 到 Pagel.aspx 网 页 ， 按 <F5> 键 调试 运行 。 


6.1.3 ”Response.Redirect 或 Server Transfer 方式 


前 面 介 绍 的 超 链接 和 Button、ImageButton、LinkButton 控件 的 PostBackUrl 属性 ， 能 
够 从 一 个 页 面 跳 转 到 其 他 页 面 ， 但 这 种 页 面 切换 方式 完全 由 用 户 控 制 。 但 是 ， 有 时 可 能 需 
要 在 程序 运行 过 程 中 通过 代码 来 控制 。 例如， 在 什么 情况 下 需要 跳 转 到 另 一 个 页 面 ， 这 时 可 
以 利用 Response 对象 的 Redirect 方 法 或 者 Server 对 象 的 Transfer 方 法 来 实现 页 面 的 动态 跳 转 。 

通过 Response 对 象 的 Redirect 方法 与 Server 对 象 的 Transfer 方法 进行 页 面 切换 的 方式 
基本 相似 ， 但 也 有 些 细微 区 别 。 








1. Response.Redirect 方法 


Response.Redirect 方 法 会 使 浏览 器 链接 到 一 个 指定 的 URL。 当 服务 器 调用 
Response.Redirect 方 法 时 ， 该 方法 会 创建 一 个 应 答 ， 应 答 头 中 指出 目标 网 页 已 经 改变 , 同时 
指出 新 目标 的 URL。 客 户 端 浏览 器 从 服务 器 收 到 该 应 答 ， 再 利用 应 答 头 中 的 信息 发 出 一 个 
对 新 页 面 URL 的 请 求 。 这 就 是 说 , 使 用 Response.Redirect 方 法 时 , 重 定 向 操作 发 生 在 客户 端 ， 
共 涉 及 两 次 与 服务 器 的 通信 (两 个 来 回 ): 第 一 次 是 对 原始 页 面 的 请 求 ， 得 到 一 个 应 答 ， 第 

-次 是 请 求 应 答 中 声明 的 新 页 面 ， 得 到 重 定 向 之 后 的 页 面 。 

2. Server.Transfer 方法 

Server.Transfer 方法 直接 在 服务 器 端 把 执行 流程 从 当前 的 页 面 转 到 同一 个 应 用 程序 的 
另 一 个 页 面 。 调 用 Server.Transfer 方法 时 ， 当 前 页 面 终 止 执 行 ， 然 后 将 执行 流程 转 入 另 一 
个 页 面 ， 但 新 的 页 面 仍 使 用 前 一 页 面 创建 的 应 答 流 。 

用 Server.Transfer 方法 从 一 个 页 面 切换 到 另 一 个 页 面 ， 浏 览 器 中 的 URL 不 会 改变 ， 因 
为 重 定向 完全 在 服务 器 端 进行 ， 浏 览 器 根本 不 知道 服务 器 已 经 执行 了 一 次 页 面 切换 。 

Server.Transfer 方法 有 两 种 重 载 的 形式 ， 一 种 是 只 有 一 个 参数 ， 该 参数 指出 新 页 面 的 
URL， 这 种 情况 下 ， 服 务 器 不 会 把 页 面 中 的 表单 数据 或 查询 字符 串 从 一 个 页 面 传递 到 另 一 
个 页 面 。 这 种 用 法 在 后 面 的 【 例 6-4】 中 有 所 体现 。 另 一 种 重 载 形式 包含 两 个 参数 ， 第 一 
个 参数 仍 是 新 页 面 的 URL, 而 第 二 个 参数 则 指出 是 否 保留 原 页 面 的 表单 数据 和 查询 字符 串 
以 供 新 页 面 查询 。 这 种 用 法 在 后 面 的 【 例 6-3】 中 有 所 体现 。 

3. Response.Redirect 和 Server.Transfer 方法 的 区 别 

Response 对 象 的 Redirect 方法 与 Server 对 象 的 Transfer 方法 在 进行 页 面 切换 时 ， 有 以 
下 区 别 。 

(1) Response.Redirect 方法 不 限于 应 用 程序 与 .aspx 网页, 可 以 重 定向 到 任何 页 面 , 任何 
文件 ， 如 .rar 文件 ， 以 及 重 定向 到 其 他 应 用 程序 中 的 页 面 。 如 果 重 定向 的 目标 不 是 网 页 ， 
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浏览 器 会 弹出 相应 的 对 话 框 ， 用 户 可 以 选择 是 直接 打开 还 是 保存 到 本 地 磁盘 上 。 
Server.Transfer 方法 则 只 能 在 同一 个 应 用 程序 的 .aspx 网 页 之 间 跳 转 。 

(2) 使 用 Response Redirect 方法 时 ， 切 换 到 另 一 个 页 面 之 后 ， 浏 览 器 地 址 栏 将 显示 新 
页 面 的 URL。 当 传递 的 消息 比较 敏感 时 ， 这 种 方法 会 在 新 页 面 的 URL 中 泄露 消息 。 而 
Server Transfer 方法 在 跳 转 到 目标 页 面 之 后 , 显示 的 仍然 是 原来 页 面 的 地 址 , 因此 能 够 很 好 
地 保护 敏感 信息 。 


6.1.4 页 面 间 的 数据 传递 

在 实际 应 用 中 ， 一 个 页 面 可 能 需要 访问 或 者 使 用 另 一 个 页 面 中 的 数据 ， 这 就 需要 在 不 
同 页 面 之 间 传递 数据 。 下 面 是 几 种 常见 数据 传递 方法 。 

1. 通过 QueryString 传递 数据 

通过 QueryString 传递 数据 时 ,把 要 传递 的 数据 参数 添加 到 要 跳 转 到 的 目标 页 面 的 URL 
之 后 ， 在 要 传递 的 第 全 号 (?) 将 其 和 目标 页 面 的 名 称 分 隔 开 ， 参 
数 之 间 用 && 分 隔 ， 每 个 参数 的 形式 为 “变量 名 = 值 ”， 示 例 代码 如 下 。 


http://www.baidu.com?ID=5&Name=Lily 


而 在 另 一 个 页 面 中 使 用 Request.QueryString[stringName] 接 收 传递 过 来 的 参数 。 示 例 代 
码 如 下 。 





Labell.Text = "学 号 : " +Server.UrlDecode(Request.QueryString["ID"]); 
Label2.Text= "姓名 : "+ Server.UrlDecode(Request.QueryString["Name"]); 
【 例 6-3】 演 示 如 何 通过 页 面 URL 附带 参数 传递 数据 。 
(1) 运行 VS， 打 开 网 站 WebSite6。 
(2) 在 应 用 程序 中 添加 页 面 FirstPage.aspx， 然 后 在 该 页 面 中 添加 2 个 TextBox 控件 ，1 
个 Button 控件 ， 均 使 用 默认 的 控件 名 称 。 分 别 在 2 个 TextBox 控件 前 添加 文字 “学 号 : ” 
和 “姓名 : ”， 设 置 Button 控件 的 Text 属性 值 为 “提交 ”。 然 后 为 Button 控件 添加 Click 
事件 处 理 程序 如 下 。 


protected void Button1_Click(object sender, EventArgs e) 
{ 
Server. Transfer(string.Format("SecondPage.aspx? 学 号 ={0}& 姓 名 
={1}",Server.UrlEncode(TextBox].Text), Server.UrlEncode(TextBox2.Text))); 
} 
(3) 在 应 用 程序 中 添加 页 面 SecondPage.aspx。 在 该 页 面 中 ， 添 加 2 个 Label 控件 ， 均 
使 用 默认 名 称 ， 然 后 为 该 页 面 添加 Page_load 事件 处 理 程序 如 下 。 


protected void Page Load(object sender, EventArgs e) 























Labell.Text = "学 号 : "+ ServerUrlDecode(RequestQueryString[" 学 号 "]); 
Label2.Text = "姓名 : "+ ServerUrlDecode(RequestQueryString[" 姓 名 "]); 
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} 
(4) 切换 到 页 面 FirstPage.aspx， 按 下 5 键 调试 运行 ， 运 行 效 果 如 图 6-3 和 图 6-4 所 示 。 


x 
BS hapvnocahostsl P - Bd 


学 号 ，GS11214F2 
姓名 ，Landy 



































图 6-3 在 第 一 个 页 面 传递 数据 的 效果 图 6-4 在 第 二 个 页 面 接收 数据 的 效果 


本 例 使 用 了 QueryString 传递 数据 ， 其 中 使 用 全 作 为 参数 之 间 分 隔 符 。 为 了 保证 接收 方 
能 够 得 到 正确 的 结果 ， 需 要 在 传递 数据 参数 前 使 用 Server.UrlEncode 方法 对 字符 串 进 行 编 
码 ， 接 收 方 接收 后 再 使 用 ServerUrlDecode 方法 对 相应 的 字符 串 进行 解码 。UrlEncode 将 指 
定 的 代码 以 URL 格式 进行 编码 。UrlDecode 将 URL 格式 代码 进行 解码 。 

需要 注意 的 是 ， 如 果 直接 运行 SecondPage.aspx， 由 于 没有 接收 到 任何 传递 的 参数 ， 
RequestQueryString[stringName] 将 返回 一 个 空 字符 串 。 

2. 通过 Session 对 象 传递 数据 

由 于 每 个 用 户 都 可 以 有 自己 的 Session， 而 创建 的 Session 对 象 并 不 局 限于 某 一 个 页 面 ， 
所 以 可 以 通过 Session 对 象 在 多 个 页 面 之 问 共享 数据 。 

【 例 6-4】 演 示 如 何 通过 Session 对 象 传递 数据 。 

(1) 运行 VS， 打 开 WebSite6。 

(2) 在 应 用 程序 中 添加 1 个 名 为 Session1.aspx 的 网 页 , 在 该 页 面 中 , 添加 2 个 TextBox 
控件 ，1 个 Button 控件 ， 均 使 用 默认 的 控件 名 称 。 分 别 在 2 个 TextBox 控件 前 添加 文字 “学 
号 ，” 和 “姓名 : ”， 设 置 Button 控件 的 Text 属性 值 为 “提交 ”。 然 后 为 Button 雪人 
加 Click 事件 处 理 程序 如 下 。 


protected void Button1 Click(object sender, EventArgs e) 











四 
Session[" 学 号 "] = TextBoxl.Text'; 
Session[" 姓 名 "] = TextBox2.Text; 
Server. Transfer("Session2.aspx"); 
} 


(3) 在 应 用 程序 中 添加 页 面 Session2.aspx， 在 该 页 面 中 ,添加 2 个 Label 控件 ， 均 使 用 
默认 的 控件 名 称 ， 然 后 为 该 页 面 添加 Page_Load 事件 处 理 程序 如 下 。 





protected void Page_ Load(object sender, EventArgs e) 
{ 
让 (Session[" 学 号 "] (= null) 
Labell.Text = "学 号 : "十 Session[" 学 号 "].ToString(); 
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Bb 
半 (Session[" 姓 名 "] (= nuD) 
‘ 
Label2.Text= "姓名 : "+ Session[" 姓 名 "].ToString0; 


(4) 切换 到 Session1.aspx 网 页 ， 按 FS 键 调试 运行 。 运 行 效果 与 【 例 6-3】 相 似 。 

需要 注意 的 是 ， 通 过 这 种 方法 传递 数据 会 占用 服务 器 的 内 存 资源 ， 并 且 每 个 用 户 的 
Session 信息 将 一 直 存储 在 内 存 中 ， 直 到 Session 过 期 ， 因 此 系统 开销 较 大 。 

下 面 介绍 通过 PreviousPage 属性 获取 上 一 个 页 面 数据 的 方法 ， 这 个 方法 适用 于 在 页 面 
间 传 递 较 多 的 信息 。 

3. 通过 PreviousPage 属性 获取 数据 


如 果 两 个 页 面 属于 同一 个 应 用 程序 ， 当 利用 Servertransfer 方法 或 者 利用 按钮 控件 的 
PostBackUrl 属性 在 这 两 个 页 面 间 切换 时 , 目标 页 面 可 以 使 用 PreviousPage 属性 来 获取 前 一 
个 页 面 中 的 控件 值 或 公共 属性 。 

如 果 要 获取 第 一 个 页 面 中 的 公共 属性 ， 则 需要 在 目标 页 面 的 源 代码 中 添加 如 下 代码 。 

<%(@ PreviousPageType VirtualPath="~/SourcePage.aspx" %> 


但 是 ， 如 果 目 标 页 面 不 需要 获取 前 一 个 页 面 的 公共 属性 ， 而 仅仅 需要 获取 前 一 个 页 面 
中 的 控件 值 ， 则 不 需要 添加 这 行 代码 。 

【 例 6-5】 演 示 如 何 利用 PreviousPage 属性 获取 前 一 个 页 面 的 控件 值 。 

(1) 运行 VS， 打开 WebSite6。 

(2) 在 应 用 程序 中 添加 页 面 example6-5-1.aspx， 在 该 页 面 中 ， 添 加 2 个 TextBox 控件 ， 
1 个 Button 控件 , 均 使 用 默认 的 控件 名 称 。 分 别 在 2 个 TextBox 控件 前 添加 文字 “学 号 : ” 
和 “姓名 : ”， 设 置 Button 控件 的 Text 属性 值 为 “提交 ”。 然 后 为 Button 控件 添加 Click 
事件 处 理 程序 如 下 。 

protected void Button1_Click(object sender, EventArgs e) 


{ 
Server. Transfer("example6-5-2.aspx"): 


} 


(3) 在 应 用 程序 中 添加 页 面 example6-5-2.aspx， 在 该 页 面 中 ,添加 2 个 Label 控件 , 均 
使 用 默认 的 控件 名 称 ， 然 后 为 该 页 面 添加 Page_load 事件 处 理 程 序 如 下 。 











protected void Page_Load(object sender, EventArgs e) 
if (PreviousPage != null) 
TextBox Textboxl = (TextBox)PreviousPage.FindControl("TextBox1"); 
TextBox Textbox2 = (TextBox)PreviousPage.FindControl("TextBox2"); 
Labell.Text = "学 号 : "+ Textboxl.Text; 
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Label2.Text = "姓名 : "+ Textbox2.Text; 
> 

(4) 切换 到 example6-5-1.aspx 网 页 ， 按 下 5 键 调试 运行 ， 运 行 效果 与 【 例 6-3】 相 似 。 

在 example6-5-2.aspx 网 页 中 ,使 用 了 PreviousPage.FindControl 获取 example6-5-1.aspx 
页 面 中 的 控件 值 。 这 种 方法 与 利用 Session 对 象 传递 数据 相 比 ， 不 需要 一 直 占 用 服务 器 资 
源 ， 适 合 于 页 面 间 传 递 较 多 的 信息 时 使 用 ， 使 页 面 间 的 数据 传递 更 加 灵活 方便 。 

【 例 6-5】 演 示 了 如 何 通过 PreviousPage 属性 获取 源 页 面 的 控件 值 。 如 果 要 在 example 
6-5-2.aspx 网 页 中 访问 example6-5-1.aspx 网 页 中 的 公共 属性 ， 可 以 按照 以 下 步骤 进行 。 

(1) 在 example6-5-1.aspx 中 定义 属性 。 代 码 如 下 。 














public string Number 

| get {return TextBoxl.Text} 

2 string UserName 

y get {return TextBox2.Text:} 

a void Buttonl Click(object sender, EventArgs e) 
! Server. Transfer("example6-5-2.aspx"):; 

} 


(2) 在 example6-5-2.aspx 的 【 源 】 视 图 中 添加 以 下 代码 。 
<%@PreviousPageType VirtualPath="~/example6-5-1.aspx"%> 


然后 就 可 以 在 example6-5-2.aspx 的 后 台 代码 中 使 用 example6-5-1.aspx 中 定义 的 Number 
和 UserName 属 性 了 。 代 码 如 下 。 


Protected void Page_load(object sender, EventArgs e) 


{ 
If(PreviousPage!=null) 
Labell.Text=" 学 号 : "+PreviousPage Number: 
Label2.Text=" 姓 名 : "+PreviousPage.UserName; 
} 
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当 应 用 程序 或 网 站 越 来 越 复杂 时 ， 如 何 管理 成 百 上 千 个 链接 、 如 何 让 用 户 具有 清晰 的 
层次 结构 感 就 变 得 越 来 越 重要 了 。ASPNET 提供 了 一 种 称 为 站 点 导航 模型 的 导航 功能 集 
合 ， 使 开发 人 员 在 创建 站 点 导航 功能 时 更 容易 。 该 功能 能 够 为 用 户 提供 一 致 的 站 点 导航 方 
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式 。 本 节 主要 来 介绍 网 站 导航 功能 。 
6.2.1 ASPNET 网 站 导航 功能 概述 


网 站 导航 主要 提供 了 如 下 功能 。 

(1) 使 用 站 点 地 图 描述 网 站 的 逻辑 结构 。 添 加 或 移 除 页 面 时 ， 开 发 人 员 可 以 简单 地 通 
过 修改 站 点 地 图 来 管理 页 面 导航 。 

(2) 提供 导航 控件 ， 在 页 面 上 显示 导航 菜单 。 导 航 菜单 以 站 点 地 图 为 基础 。 

(3) 可 以 以 代码 方式 使 用 ASP.NET 网 站 导航 , 以 创建 自 定义 导航 控件 或 修改 在 导航 菜 
单 中 显示 的 信息 的 位 置 。 

ASP.NET 4.5 提供 了 3 种 导航 Web 控件 。 

(1) SiteMapPath: 这 个 Web 控件 提供 一 个 面包 条 ， 它 是 一 行文 本 ， 显 示 用 户 当前 在 网 
站 结构 中 的 位 置 。 例 如 ， 在 网 上 书店 中 ， 如 果 用 户 浏览 到 《Visual Basic.NET》， 面 包 条 可 
能 类 似 于 “主页 一 计算 机 一 编程 类 一 Visual BasicNET”， 其 中 每 部 分 (如 主页 、 计 算 机 等 ) 
都 显示 为 返回 到 前 一 部 分 的 链接 。 面 包 条 能 够 让 用 户 快速 地 查看 在 网 站 中 的 当前 位 置 ， 并 
沿 逻 辑 层次 结构 向 上 导航 。 如 图 6-5 所 示 显 示 了 运行 中 的 SiteMapPath 控件 。 





上 Website6 - Microsoft Visual Studio( 管 理 
文件 (有 。 妨 扫 (E) 视图) 网 5) 生成 (8) 。 调 (I 
二 嫂 内 Ba - 归 昌 天。 -OA'- 日 





| 图 6-5 ”SiteMapPath 控件 。 

(2) Menu: 这 个 Web 控件 提供 网 站 结构 的 层次 视图 。 对 于 学 校 的 网 站 ， 顶 层 菜 单 将 包 

含 主 类 别 ( 如 学 校 介绍 、 机 构 设 置 、 新 闻 等 )， 每 个 菜单 项 又 可 以 有 各 自 的 子 菜单 ， 显 示 各 
自 的 子 类 别 。 关 于 运行 中 的 Menu 控件 可 参见 如 图 6-6 所 示 。 





CE hetp/ocalhosts1 p - 8c | 区 汪汪 > 
RE 
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httpy//localhost51859/MenuThree1.aspx 我 100% ~ 


图 6-6 Menu 控件 


(3) TreeView: 树 视图 提供 了 与 菜单 相同 的 数据 ,唯一 的 区 别 是 显示 数据 的 方式 。 树 视 

图 显示 的 是 可 展开 或 可 折 又 的 树 ， 而 菜单 (Menu) 由 菜单 项 和 子 菜 单 组 成 。 如 图 6-7 所 示 显 
示 了 通过 浏览 器 查看 时 的 TreeView 控件 。 

- 般 情 况 下 ， 开 发 人 员 利 用 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 ， 利 用 Menu 
控件 或 者 TreeView 控件 实现 自 定义 导航 。 
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-07 外 语系 





图 6-7 TreeView 控件 。 
6.2.2 利用 站 点 地 图 和 SiteMapPath 控件 实现 网 站 导航 


1. 站 点 地 图 概述 


站 点 地 图 是 指 网 站 的 整体 结构 。 当 开发 人 员 在 规划 站 点 导航 模型 时 ， 应 该 先 规划 整个 
网 站 的 结构 。 网 站 的 结构 包括 页 面 的 层次 结构 、 页 与 页 之 间 的 链接 位 置 。 例 如 ， 一 家 在 线 
购物 网 站 中 可 能 具有 14 个 页 面 ， 这 些 页 面 可 能 会 具有 如 下 层次 结构 。 


主页 
产品 
硬件 
电脑 整 机 
电脑 主板 
监控 系统 
软件 
操作 系统 
数据 库 
ERP 系统 
服务 
培训 
咨询 & 顾 问 
服务 支持 
在 创建 一 个 站 点 导航 模型 时 ， 开 发 人 员 首先 应 该 这 样 规 划 站 点 的 逻辑 结构 ， 这 个 结构 
在 未 来 可 能 会 根据 需要 添加 更 多 的 页 面 或 移 除 页 面 。ASPNET 提供 了 相关 的 控件 和 模板 ， 
允许 开发 人 员 静 态 或 动态 地 创建 网 站 的 站 点 地 图 。 
2. 定义 站 点 地 图 文件 
在 ASP.NET 中 , 为 了 创建 站 点 地 图 ， 最 简单 的 方法 是 创建 一 个 名 为 Web.sitemap 的 站 
点 地 图 文件 ， 下 面 将 面前 介绍 的 站 点 层次 结构 用 站 点 地 图 文件 表示 出 来 ， 操 作 步骤 如 下 。 
(1) 打开 网 站 WebSite6， 在 解决 方案 资源 管理 器 中 右 击 网 站 名 称 ， 在 弹出 的 快捷 菜单 
中 选择 【添加 新 项 】 命 令 ， 打 开 【 添 加 新 项 】 对 话 框 ， 选 择 【 站 点 地 图 】 选 项 ， 保 持 默 认 
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名 称 不 变 ， 如 图 6-8 所 示 。 单 击 【 确 定 】 按 钮 ，VS 2012 将 自动 创建 一 个 站 点 地 图 文件 ， 
该 文件 保留 了 基本 的 站 点 地 图 结构 ， 代 码 如 下 。 


< ?xml version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 


<siteMapNode url="" title="" description=""> 
<siteMapNode url="" title="" description="" /> 
<siteMapNode url="" title="" description="" /> 
</siteMapNode> 
</siteMap> 





图 6-8 创建 站 点 地 图 文件 


站 点 地 图 文件 就 是 一 个 XML 文件 , 该 文件 以 <siteMap> 作 为 根 元 素 , 在 <siteMap> 内 至 
少 嵌 套 一 个 <siteMapNode> 子 元 素 ， 每 个 子 元 素 包 含 如 下 3 个 主要 的 属性 。 

e title: 所 关联 节点 的 标题 文本 ， 这 个 文本 将 显示 在 页 面 上 。 

edescription: 与 所 关联 节点 相对 应 的 描述 性 文本 。 

。 rmul: 指 向 一 个 页 面 或 其 他 资源 的 链接 地 址 。 


注意 : 
UH 节点 并 不 是 必需 的 。 例 如 ， 产 品 和 服务 节点 或 许 没有 链接 页 面 ， 因 此 可 以 不 用 指定 
URL 属性 。 


3. SiteMapPath 控件 的 使 用 


要 使 用 SiteMapPath 导航 控件 ， 首 先 需 要 使 用 站 点 地 图 定义 网 站 的 结构 ， 创 建站 点 地 
图 文件 ， 然 后 使 用 SiteMapPath 控件 实现 网 站 导航 。 

定义 好 站 点 地 图 以 后 ， 就 可 以 使 用 SiteMapPath 控件 显示 导航 路 径 ， 也 就 是 显示 当前 
页 面 在 网 站 中 的 位 置 。 只 需要 将 该 控件 拖 动 到 站 点 地 图 中 包含 的 .aspx 页 面 上 ， 它 就 会 自动 
实现 导航 ， 不 需要 开发 者 编写 任何 代码 。 











注意 : 


只 有 包含 在 站 点 地 图 中 的 网 页 才能 被 SiteMapPath 控件 导航 ; 如 果 将 SiteMapPath 控件 
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放置 在 站 点 地 图 中 未 列 出 的 网 页 中 ， 该 控件 将 不 会 显示 任何 信息 。 





SiteMapPath 控件 像 大 多 数 Web 控件 一 样 , 也 有 很 多 可 用 于 定制 其 外 观 的 属性 。 表 6-1 
所 示 为 SiteMapPath 控件 的 常用 属性 。 

















表 6-1 SiteMapPath 控件 的 常用 属性 
属 性 名 说 ”了 明 

CurrentNodeStyle 定义 当前 节点 的 样式 ， 包 括 字 体 、 颜 色 、 样 式 等 

NodeStyle 定义 导航 路 径 上 所 有 节点 的 样式 

ER 指定 在 导航 路 径 上 显示 的 相对 于 当前 节点 的 父 节点 层 数 。 默 认 值 为 -1， 表 
示 父 级 别 数 没 有 限制 
指定 导航 路 径 上 各 节点 的 显示 顺序 。 默 认 值 为 RootToCurent， 即 按 从 左 

PathDirection 到 右 的 顺序 显示 从 根 节点 到 当前 节点 的 路 径 。 另 一 选项 为 CurrentToRoot， 


即 按 相 反 的 顺序 显示 导航 路 径 





PathSeparator 


指定 导航 路 径 中 节点 之 间 分 隔 符 。 默 认 值 为 >， 也 可 自 定义 为 其 他 符号 





PathSeparatorStyle 


定义 分 隔 符 的 样式 








RenderCurrentNodeAsLink | 是 否 将 导航 路 径 上 当前 页 名 称 显示 为 超 链接 。 默 认 值 为 false 
RootNodeStyle 定义 根 节点 的 样式 

当 鼠 标 悬 停 于 导航 路 径 的 某 个 节点 时 , 是 否 显示 相应 的 工具 提示 信息 。 默 
ShowToolTips 认 值 为 tue， 即 当 鼠 标 悬 停 于 某 节点 上 时 ， 显 示 该 节点 在 站 点 地 图 中 定义 





的 Description 属性 值 


下 面 通过 具体 例子 演示 如 何 利用 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 。 
【 例 6-6】 创 建 如 图 6-9 所 示 的 站 点 地 图 ， 然 后 利用 SiteMapPath 控件 实现 自动 导航 。 


主页 
Home.aspx 





















计算 机 类 经 济 类 
PartOne.aspx PartTwo.aspx 





编程 类 
PO2.aspx 








图 6-9 网 上 书店 网 站 的 逻辑 结构 


(1) 运行 VS， 打 开 WebSite6。 
(2) 在 应 用 程序 中 新 建 一 个 站 点 地 图 Web.sitemap， 如 图 6-10 所 示 。 
(3) 修改 Web.sitemap 文件 的 内 容 如 下 。 


< ?xml version="1.0" encoding="utf-8" ?> 
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图 6-10 创建 站 点 地 图 


<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Home.aspx" title=" 主 页 " description="Home"> 
<siteMapNode url="~/PartOne.aspx" title=" 计 算 机 类 " description=" 单 击 此 链接 转 到 计算 机 类 " > 
<siteMapNode url="~/PO1.aspx" title=" 应 用 类 " description=" 单 击 此 链接 转 到 应 用 类 " /> 
<siteMapNode url="~/PO2.aspx" title=" 编 程 类 " description=" 单 击 此 链接 转 到 编程 类 " /> 
</siteMapNode> 
<siteMapNode url="~/PartTwo.aspx" title=" 经 济 类 " ”description=" 单 击 此 链接 转 到 经 济 类 " > 
</siteMapNode> 
</siteMapNode> 
</siteMap> 
注意 : 
站 点 地 图 文件 中 只 能 有 一 个 根 节点 ， 即 位 于 <sitemap> 下 方 的 第 一 个 <siteMapNode> 元 
素 中 的 Home.aspx 页 面 。 在 根 节点 下 可 以 谈 套 任意 多 个 子 节点 ， 子 节点 仍然 用 
<siteMapNode> 定 义 。 


(4) 保存 文件 ， 完 成 站 点 地 图 设计 。 定 义 站 点 地 图 之 后 ， 即 可 在 导航 控件 中 轻松 实现 
导航 功能 。 

(5) 在 【解决 方案 资源 管理 器 】 中 , 分 别 添加 页 面 Home.aspx、PartOne.aspx、PartTwo.aspx、 
PO1.aspx 和 PO2.aspx。 

(6) 切换 到 PartOne.aspx 的 【设计 】 视 图， 向 页 面 拖 放 1 个 SiteMapPath 控件 ， 即 可 看 
到 该 页 面 对 应 Home.aspx 的 导航 路 径 ， 如 图 6-11(a) 所 示 。 
(7) 切换 到 PO2.aspx 的 【设计 】 视 图 ， 向 页 面 中 拖 放 1 个 SiteMapPath 控件 ， 即 可 看 
到 该 页 面 对 应 Home.aspx 和 PartOne.aspx 的 导航 路 径 ， 如 图 6-11 (b) 所 示 。 


0 website6 - Microsoft Visual Studio( 管 理 } 
文件 (F] ”第 加 (E) ” 视 相 V) ”网 站 (S) ”生成 (8) ”调式 (1 








0 Website6 - Microsoft Visual Studio( 管 理 员 ) 





= § Er roneasp: Homeas 
于 Home.aspx Web.sitemal 名 Lr ee 和 
§ 类 个 主页 > 计算 机 类 》 编 程 类 
§ | 
(a) 拖 放 到 PartOne.aspx 的 效果 (b) 拖 放 到 PO2.aspx 的 效果 


图 6-11 将 SiteMapPath 控件 拖 放 到 页 面 后 的 效果 
可 见 ， 通 过 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 非常 方便 。 如 果 不 希 望 采用 这 
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种 方式 导航 ， 也 可 以 利用 Menu 或 TreeView 控件 实现 自 定义 导航 功能 。 
6.2.3 ”通过 Menu 控件 实现 导航 


Menu 控件 主要 用 于 创建 一 个 菜单 ， 使 用 户 能 够 快速 选择 不 同 的 页 面 ， 从 而 完成 导航 
功能 。 该 控件 可 以 包含 一 个 主 菜单 和 多 个 子 菜单 。 菜 单 有 静态 和 动态 两 种 显示 模式 。 静 态 
显示 模式 是 指定 义 的 菜单 始终 完全 显示 ， 动 态 显示 模式 指 需 要 用 户 将 鼠标 停留 在 菜单 项 
上 时 才 显 示 子 菜单 。 

Menu 控件 的 常用 属性 如 表 6-2 所 示 。 











表 6-2 ”Menu 控件 的 常用 属性 


属 性 名 说 明 
icEnableDefaultP tIma 
DynamicEnableDefaultPopOutimage | 是 否 在 菜单 各 项 之 问 显示 分 陋 图 像 ， 默 认 值 为 tme 
StaticEnableDefaultPopOutImage 


DynamicPopOutImageUrl 
StaticPopOutImageUrl 
DynamicBottomSeparatorImageUrl 指定 在 菜单 项 下 方 显示 图 像 的 URL。 默 认 值 为 空 字符 串 (")， 即 


设置 菜单 中 自 定义 分 隔 图像 的 URL 


StaticBottomSeparatorImageUrl 菜单 项 下 方 不 显示 任何 图 像 

DynamicTopSeparatorImageUrl 指定 在 菜单 项 上 方 显示 图 像 的 URL。 默认 值 为 空 字符 串 (")， 即 
StaticTopSeparatorImageUrl 菜单 项 上 方 不 显示 任何 图 像 

DynamicHorizontalOffset 指定 菜单 相对 于 其 父 菜单 的 水 平 距离 , 单位 是 像素 , 默认 值 为 0。 
StaticHorizontalOffset 该 属性 值 可 正 可 负 ， 为 负 值 时 ， 各 菜单 之 间 的 距离 会 缩小 
ee 指定 菜单 相对 于 其 久 菜 单项 的 秋 直 中 离 

StaticVerticalOffset 


MaximumDynamicDisplayLevels 设置 动态 菜单 的 最 大 层 数 ， 默 认 值 为 3 
设置 菜单 的 展开 方向 。 有 Horizontal 和 Vertical 两 个 选项 ， 默 认 
值 为 Vertical， 即 垂直 方向 


Menu 控件 的 用 法 非常 灵活 ， 设 计 者 可 以 利用 它 定义 各 种 菜单 样式 ， 实 现 类 似 于 
Windows 窗口 菜单 的 功能 。 

下 面 通过 一 个 具体 的 例子 演示 如 何 利用 Menu 控件 实现 自 定义 导航 。 

【 例 6-7 假定 网 站 的 结构 如 图 6-12 所 示 , 然后 利用 Menu 控件 在 网 页 中 添加 一 个 菜单 ， 
实现 自 定义 导航 功能 。 

具体 操作 步骤 如 下 。 

(1) 运行 VS， 打 开 WebSite6。 

(2) 在 应 用 程序 中 分 别 添加 页 面 MenuOne.aspx、MenuTwol.aspx、MenuTwo2.aspx、 
MenuTwo3.aspx、MenuThreel.aspx 和 MenuThree2.aspx。 

(3) 在 应 用 程序 中 添加 一 个 页 面 MenuExample.aspx， 人 然后 切换 到 【设计 】 视 图 ， 向 页 
面 拖 放 一 个 Menu 控件 。 


Orientation 
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主页 
Home. aspX 
学 校 介绍 i 
Pi aspx 机 构 设置 新 闻 
人 事 处 教务 处 学 生 处 动态 信息 学 校 公告 
































MenuTwol. aspx| | MenuTwo2. aspx| | NenuTwo3. aspx| |MenuThreel. aspx| | MenuThree2 


图 6-12 ”学校 网 站 的 逻辑 结构 





(4) 将 Menu 控件 的 Orientation 属性 设置 为 Horizontal， 以 便 使 其 横向 排列 。 

(5) 单 击 Menu 控件 右上 方 的 小 三 角 
符号 , 选择 【编辑 菜单 项 】, 在 弹出 的 【 菜 
单项 编辑 器 】 对话 框 中 , 输入 各 级 菜单 项 ， 
如 图 6-13 所 示 。 

(6) 在 【菜单 编辑 器 】 窗 口 右 侧 的 属 i 
性 选项 中 , 利用 NavigateUrl 属性 设置 各 菜 er 
单项 链接 的 网 页 ， 全 部 设置 完成 后 ， 单 击 a 
【确定 】 按 钮 。 

(7) 切换 到 MenuExample.aspx 的 源 】 
视图 ， 将 <body> 和 </body> 之 间 的 部 分 改 
为 如 下 内 容 。 








图 6-13 在 【菜单 编辑 器 】 中 编辑 菜单 


<asp:Menu ID="Menul" runat="server" 

EnableViewState="False" 

DynamicHorizontalOffset="2" 

DynamicVerticalOffset="5" 

Target="_blank" 

Font-Names="Verdana" 

Font-Size="Medium" 

ForeColor="#FF3300" 

BackColor="#99CCFF" 

StaticSubMenulIndent="10px" Orientation="Horizontal" > 
<StaticHoverStyle BackColor="#EFCCCC" ForeColor="white" /> 
<StaticSelectedStyle « BackColor="#FFCC66"/> 
<StaticeMenultemStyle HorizontalPadding="5px" VerticalPadding ="2px" /> 
<DynamicHoverStyle BackColor ="#990000" ForeColor ="White" /> 
<DynamicMenuStyle BackColor ="#FFFBD6" BorderColor ="#00C0CO" 

BorderStyle ="Solid" BorderWidth ="1px" 

HorizontalPadding ="10px" VerticalPadding ="2px" /> 
<DynamicSelectedStyle BackColor ="#FFCC66" /> 
<DynamicMenultemStyle HorizontalPadding ="5px" ItemSpacing= "2px" /> 

<Items> 

<asp:Menultem Text=" 学 校 介 绍 " NavigateUrl="~/MenuOne.aspx" > 
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</asp:Menultem> 
<asp:Menultem Text=" 机 构 设 置 " Value=" 机 构 设 置 "> 
<asp:Menultem Text=" 人 事 处 " NavigateUrl="~/MenuTwol.aspx" Value=" 人 事 
处 " ></asp:MenuItem> 
<asp:Menultem Text=" 教 务 处 " NavigateUrl="~/MenuTwo2.aspx" Value=" 教 务 
处 " ></asp:MenuItem> 
<asp:Menultem Text=" 学 生 处 " NavigateUrl="~/MenuTwo3.aspx" Value=" 学 生 
处 "></asp:Menultem> 
</asp:-Menultem> 
<asp:Menultem Text=" 新 闻 " Value=" 新 闻 " > 
<asp:Menultem Text=" 动 态 信 息 " NavigateUrl="~/MenuThreel.aspx" 
Value=" 动 态 信息 " ></asp:Menultem> 
<asp:Menultem Text=" 学 校 公告 " NavigateUrl="~/MenuThree2.aspx" 
Value=" 学 校 公告 " ></asp:MenuItem> 
</asp:Menultem> 
</Items> 
</asp:-Menu> 


当然 ， 也 可 以 在 【设计 】 视 图 下 设置 Menu 控件 的 各 种 属性 得 到 上 面 的 代码 。 

(8) 为 了 便于 区 别 本 例子 中 的 各 个 网 页 ， 分别 在 MenuOne.aspx、MenuTwol.aspx、 
MenuTwo2.aspx、MenuTwo3.aspx、MenuThreel.aspx 和 MenuThree2.aspx 网 页 中 添加 文字 
“欢迎 了 解 学 校 ， 以 下 将 对 学 校 进行 介绍 ”、“ 欢 迎 来 到 人 事 处 网 页 ! ”、“ 欢 迎 来 到 教务 


处 网 页 ! ”、“ 欢 迎 来 到 学 生 处 网 页 ! ”、“ 欢 迎 
站 > CIT 
了 解 动态 信息 ! ”和 “欢迎 了 解 学 校 公告 ! ” TE 


(9) 切换 到 MenuExample.aspx 网 页 ， 按 FS 键 
调试 运行 ， 效 果 如 图 6-14 所 示 。 Evy 


624 通 过 TreeView 控 件 实 现 导航 http://localhost:51859/MenuThree1.aspx = 拆 100% 
图 6-14 Mennu 控件 的 运行 效果 

















TreeView 控件 与 Menu 控件 相似 ， 都 提供 了 导 
航 功能 。TreeView 控件 与 Menu 控件 的 区 别 是 它 不 再 像 Menu 控件 由 菜单 项 和 子 菜单 组 成 ， 
而 是 用 一 个 可 折合 树 显 示 网 站 的 各 个 部 分 。 根 节点 下 可 以 包含 多 个 子 节点 ， 子 节点 下 又 可 
以 包含 子 节点 ， 最 下 层 是 叶 节 点 。 访 问 者 可 以 快速 看 到 网 站 的 所 有 部 分 及 位 于 网 站 结构 层 
次 中 的 位 置 。 树 中 的 每 个 节点 都 显示 为 一 个 超 链 接 ， 被 单 击 时 把 用 户 引导 到 相应 的 部 分 。 
TreeView 控件 也 包含 很 多 属性 ， 其 中 常用 属性 如 表 6-3 所 示 。 


表 6-3 ”TreeView 控件 的 常用 属性 

属 性 名 说 明 
CollapseImageUrl 折 靶 后 显示 的 图 像 。 默认 情况 下 , 常用 带 方 框 的 + 号 作为 可 展开 指示 图 像 
展开 后 显示 的 图 像 。 默 认 情况 下 ， 常 用 带 方 框 的 - 号 作为 可 折 对 指示 图 像 
EnableClientScript 是 否 可 以 在 客户 端 处 理 节 点 的 展开 和 折合 事件 。 默 认 值 为 true 
第 一 次 显示 TreeView 控件 时 ， 树 的 展开 层次 数 。 默 认 值 为 FullyExpand( 即 -1)， 
表示 全 部 展开 所 有 节点 
Nodes 设置 TreeView 控件 的 各 级 节点 及 其 属性 








节点 
ExpandImageUrl 节点 
有 二 





ExpandDepth 
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( 续 表 ) 
属 性 名 说 了 明 
ShowExpandCollapse | 是 否 显 示 折 个 、 展 开 图 像 。 默 认 值 为 true 
是 否 显 示 连 接 子 节点 和 父 节点 之 间 的 连 线 。 默 认 值 为 false 








ShowLines 





指示 在 哪些 类 型 节点 的 文本 前 显示 复 选 框 。 共有 5 个 属性 值 : None( 所 有 节点 均 
ShowCheckBoxes 不 显示 )、Root( 仅 在 根 节点 前 显示 )、Parent( 仅 在 父 节点 前 显示 )、Leaft 仅 在 叶 节 
点 前 显示 ) 和 All( 所 有 节点 前 均 显 示 )。 默 认 值 为 None 





除了 表 6-3 所 示 的 TreeView 的 常用 属性 外 ，TreeView 控件 还 有 很 多 与 外 观 相 关 的 属 
性 ， 可 以 用 来 定制 TreeView 的 外 观 。TreeView 控件 的 外 观 属 性 如 表 6-4 所 示 。 


表 6-4 _ TreeView 控件 的 外 观 属 性 





属 性 名 说 有明 
HoverNodeStyle 当 鼠 标 悬 停 于 节点 上 时 ， 节 点 的 样式 
LeafNodeStyle 叶 节 点 的 样式 
LevelStyle 特殊 深度 节点 的 样式 
NodeStyle 所 有 节点 的 默认 样式 
ParentNodeStyle 父 节 点 的 样式 
RootNodeStyle 根 节 点 的 样式 





SelectedNodeStyle 选 定 节点 的 样式 


下 面 通过 一 个 例子 演示 如 何 利 用 Menu 控件 实现 自 定 义 导 航 。 
【 例 6-8】 利 用 TreeView 控件 实现 如 图 6-15 所 示 的 导航 功能 ， 当 单 击 【 节 点 】 时 ， 导 
航 到 对 应 的 网 页 。 





图 6-15 TreeView 导航 示例 


(1) 运行 VS， 打开 网 站 WebSite6。 
(2) 在 WebSite6 中 添加 InfonrmationManage classl.aspx 、 InformationManage_ 
class2.aspx、 Information Manage class3.aspx\ ForeignLanguage classl.aspx、 ForeignLanguage __ 





class2.aspx 和 ForeignLanguage_class3.aspx 页 面 。 
(3) 然后 添加 页 面 TreeViewExampleaspx， 切 换 到 【设计 】 视 图 ， 拖 放 一 个 TreeView 
控件 。 
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(4) 将 TreeView 控件 的 样式 设置 为 如 图 6-16 左 侧 的 样式 。 
(5) 单 击 TreeView 控件 右上 方 的 小 三 角 符号 , 选择 【编辑 节点 】, 在 弹出 的 【Treeview 
节点 编辑 器 】 对 话 框 中 ， 输 入 各 节点 名 称 ， 如 图 6-16 所 示 。 


说 明 : 





为 了 让 读者 能 看 到 添加 节点 后 的 效果 ,图 6-16 采用 的 是 添加 后 重新 进入 编辑 状态 看 到 


的 效果 。 如 果 是 第 一 次 添加 节点 ， 不 会 看 到 图 中 左 侧 TreeView 控件 显示 的 效果 。 
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图 6-16 编辑 Treeview 节点 


(6) 在 【TreeView 节点 编辑 器 】 对 话 框 右 侧 的 属性 选项 中 ,利用 NavigateUrl 属性 设置 
各 节点 链接 的 网 页 ， 全 部 设置 完成 后 ， 单 击 【确定 】 按 钮 。 

(7) 切换 到 TreeViewExample.aspx 的 【 源 】 视 图 ,将 <body> 和 <body/> 之 间 的 部 分 改 为 
如 下 内 容 。 


<asp:TreeView ID="TreeViewl" runat="server" Target =" blank" Height="376px" 
Width ="165px" ShowLines="True"> 
<Nodes> 
<asp:TreeNode Text="2008 级 班级 管理 " Value="2008 级 班级 管理 "> 
<asp:TreeNode Text="08 信息 管理 系 " Value="08 信息 管理 系 "> 


<asp:TreeNode Text=" 信 管 08-1 班 " Value=" 信 管 08-1 班 " 
NavigateUrl="~/InformationManage classl.aspx" > 


</asp:TreeNode> 


<asp:TreeNode Text=" 信 管 08-2 班 " Value=" 信 管 08-2 班 " 
NavigateUrl="~/Information Manage_class2.aspx" > 


</asp:TreeNode> 


<asp:TreeNode Text=" 信 管 08-3 班 " Value=" 信 管 08-3 班 " 
NavigateUrl="~/Information Manage class3.aspx"> 


</asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text="08 外 语系 " Value="08 外 语系 "> 


<asp:TreeNode Text=" 外 语 08-1 班 " Value=" 外 语 08-1 班 " 
NavigateUrl="~/ForeignLanguage classl.aspx"> 
</asp:TreeNode> 


<asp:TreeNode Text=" 外 语 08-2 班 " Value=" 外 语 08-2 班 " 
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NavigateUrl="~/ForeignLanguage_class2.aspx"> 
</asp:TreeNode> 
<asp:TreeNode Text=" 外 语 08-3 班 " Value=" 外 语 08-3 班 " 
NavigateUrl="~/ForeignLanguage class3.aspx"> 
</asp:TreeNode> 
</asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text="2007 级 班级 管理 " Value="2007 级 班级 管理 "> 
<asp:TreeNode Text="07 信息 管理 系 " Value="07 信息 管理 系 "> 
</asp:TreeNode> 
<asp:TreeNode Text="07 外 语系 " Value="07 外 语系 "> 
</asp:TreeNode> 
</asp:TreeNode> 
</Nodes> 
</asp:TreeView> 


(8) 为 了 便于 区 别 此 例 中 的 各 个 网 页 ， 分别 在 InformationManage_classl.aspx、 
InformationManage_class2.aspx、InformationManage_class3.aspx 网 页 中 添加 文字 “欢迎 来 到 
信息 管理 系 08-1 班 ” “欢迎 来 到 信息 管理 系 08-2 班 >? 和 “欢迎 来 到 信息 管理 系 08-3 班 ”。 
接着 用 同样 的 方法 分 别 在 ForeignLanguage_classl.aspx、ForeignLanguage_class2.aspx 、 
ForeignLanguage_class3.aspx 网 页 中 添加 文字 “欢迎 来 到 外 语系 系 08-1 班 ”、“ 欢 迎 来 到 
外 语系 系 08-2 班 ” 和 “欢迎 来 到 外 语系 系 08-3 班 ”。 

(9) 切换 到 TreeViewExample.aspx 网 页 , 按 F5 键 调试 运行 , 分 别 展 开 和 折 营 相应 节点 ， 
并 单 击 “2008 级 班级 管理 ”下 “08 信息 管理 系 ” 和 “08 外 语系 ”中 的 叶 节 点 ， 观 察 链 
接 效果 。 








6.3 本 章 小 结 


-个 网 站 通常 是 由 很 多 网 页 组 成 。 浏 览 者 在 一 个 网 站 中 浏览 页 面 时 ， 是 否 能 够 容易 地 
跳 转 到 需要 的 页 面 ， 是 否 能 够 容易 地 获知 当前 浏览 位 置 及 上 一 个 页 面 、 下 一 个 页 面 等 十 分 
重要 。 因 此 ， 本章 主要 对 网 站 建设 过 程 中 常用 的 页 面 切换 方法 、 页 面 之 间 传 递 数 据 的 方法 ， 
以 及 网 站 导航 功能 ， 通 过 站 点 地 图 、SiteMapPath、Menu、TreeView 等 实现 网 页 导航 的 方 
法 进行 了 详细 介绍 。 通 过 本 章 的 学 习 ， 开 发 人 员 能 够 对 如 何 设 计 一 个 良好 易 用 的 网 站 应 用 
程序 有 个 更 深刻 的 认识 。 





6.4 思考 和 练习 


面 切换 的 方式 有 几 种 ? 分 别 是 什么 ? 
面 间 数 据 传递 的 方式 有 几 种 ? 分 别 是 什么 ? 
网 站 导航 的 方式 有 几 种 ? 分 别 是 什么 ? 
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开发 Web 应 用 程序 通常 需要 考虑 两 个 方面 : 功能 和 外 观 。 其 中 ,外 观 考虑 的 重点 是 使 
Web 站 点 的 美观 问题 ， 如 控件 的 颜色 、 图 像 的 使 用 、 页 面 的 布局 等 。ASPNET 提供 了 一 些 
自 定义 功能 ， 主 要 用 在 ASP.NET 程序 中 的 页 面 、 控 件 的 外 观 及 样式 上 ， 例 如 ， 可 以 为 某 
个 控件 设置 字体 、 背 景色 和 前 景色 、 宽 度 以 及 高 度 等 样式 ， 还 可 以 通过 合理 定位 页 面 中 的 
元 素 , 为 用 户 呈现 出 易于 使 用 且 视 觉 美观 的 效果 。 本 章 将 全 面 介绍 Web 应 用 程序 的 样式 控 
制 和 页 面 布局 。 








本 章 的 学 习 目 标 : 

。 理解 CSS 的 概念 ， 掌 握 CSS 的 用 法 。 

e 理解 布局 的 概念 ， 掌 握 CSS 和 Div 布局 的 方法 。 

。 理解 主题 的 概念 ， 掌 握 主题 的 创建 和 引用 。 

e 理解 母 版 页 和 内 容 页 的 概念 ， 掌 握 创 建 母 版 页 和 内 容 页 的 方法 。 





7.1 CSS 简介 


样式 是 指 XHTML 标记 元 素 在 浏览 器 中 呈现 的 形式 ， 如 字体 的 大 小 、 颜 色 、 位 置 等 。 
在 XHTML 中 ,最 容易 、 最 快速 的 方法 是 通过 设置 标记 元 素 的 style 属性 来 控制 元 素 的 样式 ， 
其 一 般 形式 如 下 。 
< 元 素 名 称 style=" 属 性 名 1: 属 性 值 1; 属性 名 2: 属 性 值 2; ……" > 显示 内 容 </ 元 素 名 称 > 


属性 名 与 属性 值 之 间 用 冒号 (C) 分 隔 ， 如 果 一 个 样式 中 包含 多 个 属性 ， 各 属性 之 间 用 分 
号 () 隔 开 。 示 例 代 码 如 下 。 


<div style="font-weight:bold:color:Red:border:solid 2pt navy"> 


这 是 一 个 有 样式 的 层 </div>， 在 Intemet x 
Explorer 中 显示 效果 如 图 7-1 所 示 。 a 

这 种 直接 通过 设置 标记 元 素 的 style 属性 上 = 
来 控制 样式 的 方式 称 为 内 联 样式 ， 它 的 优点 就 
是 直观 、 方 便 。 但 是 ， 这 种 方式 的 缺点 也 很 明 
显 ， 如 果 有 多 个 元 素 具 有 相同 的 样式 ， 那 么 必 
须 进 行 多 次 重复 设置 ， 而 且 修 改 样式 非常 繁 殴 ， 需 要 逐一 对 每 个 元 素 进行 修改 。 因 此 ， 内 联 
样式 不 适合 控制 具有 大 量 重复 样式 的 元 素 ， 所 以 需要 使 用 其 他 更 简便 的 方法 来 提高 效率 。 














图 7-1 包含 style 样式 的 页 面 运行 效果 
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本 节 就 来 介绍 CSS 的 概念 ， 以 及 如 何 利用 VS 定义 CSS，CSS 的 样式 规则 和 用 法 。 
7.1.1 CSS 语言 


CSS(Cascading Style Sheeb， 即 层 登 样式 表 ， 是 一 种 标记 性 语言 ， 用 于 控制 网 页 样式 并 
允许 将 样式 信息 与 网 页 内 容 分 离 。 使 用 CSS 样式 可 以 非常 灵活 地 控制 网 页 外 观 ， 大 大 减 
轻 实 现 精确 布局 定位 、 维 护 特定 字体 和 样式 的 工作 量 。 

CSS 中 有 两 种 定义 样式 的 方法 ， 分 别 是 内 联 式 和 级 联 式 ， 分 别 对 应 两 类 样式 : 内 联 式 
样式 和 级 联 式样 式 。 


1. 内 联 式样 式 


直接 将 样式 控制 放 在 单个 HIML 元 素 内 ， 称 为 内 联 式 或 行内 样式 。 该 样式 通过 style 
属性 控制 每 个 元 素 的 外 观 。 这 种 样式 直观 但 是 很 繁琐 ， 除 非 具有 相同 样式 的 元 素 较 少 ， 否 
则 很 少 采用 。 下 面 的 代码 采用 内 联 式 来 控制 各 个 元 素 的 样式 。 
【 例 7-1】 使 用 style 样式 化 一 个 简单 页 面 。 
启动 VS， 新 建 WebSite7 网 站 ， 然 后 新 建 example7-1 页 面 ， 修 改 <body></body> 标 签 
对 的 代码 如 下 。 
<body style="text-align:center"> 
<form id="forml" runat="server"> 
<div style="text-align:center; width:400px; border:solid 1px blue"> 
<hl style="font-size:x-large; color:red "> 欢迎 光临 </h1> 
<h2 style="font-size:large; colorblue "> 这 是 一 个 被 style 修饰 的 页 面 </h2> 
</div> 
</form> 


<body> 
2. 级 联 式 样式 


在 网 页 的 head 部 分 定义 或 导入 的 样式 , 称 为 级 联 式样 式 。 该 样式 可 以 实现 将 网 页 业务 
处 理 逻 辑 和 呈现 代码 分 离 ， 这 样 ， 当 修改 某 些 元 素 的 样式 时 ， 只 需要 修改 head 部 分 定义 或 
引入 的 样式 ， 该 网 页 内 所 有 具有 相同 样式 的 元 素 都 会 自动 应 用 定义 的 或 引入 的 样式 。 

级 联 式样 式 可 以 使 用 以 下 两 种 方式 来 实现 。 

(1) 第 一 种 方式 是 ， 在 head 部 分 直接 定义 CSS 样式 ， 称 为 内 嵌 式 。 即 这 种 CSS 一 般 
位 于 HIML 文件 的 头 部 ， 即 <head> 与 </head> 标 签 内 ,并 且 以 <style> 开 始 ， 以 </style> 结 束 。 
例如 ， 将 【 例 7-1】 代 码 中 的 样式 抽取 出 来 ， 经 过 修改 得 到 如 下 代码 。 

<head> 
<title> 内 霸 式 样式 </title> 
<style type="text/css"> 
<!— 
body { text-align:center } 
div{ text-align:center; width:400px; border:solid 1px blue } 
hl{ font-size:x-large; color:red} 
h2{ font-size:large; colorblue } 
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<body> 

<form id="forml" runat="server"> 

<div> 

<hl> 欢 迎 光临 <hl> 

<h2> 这 是 一 个 被 style 修饰 的 页 面 </h2> 
</div> 

</form> 

</body> 

其 中 <style> 与 </style> 直 接 是 样式 的 内 容 ， 在 { } 前 面 可 以 写 样式 的 类 型 和 名 称 ，{ } 中 
是 样式 的 属性 。 这 种 方法 是 最 常用 的 添加 样式 表 的 方法 。 

可 见 , 采用 内 翌 式 比 内 联 式 方便 了 很 多 ，body 内 的 代码 也 相对 简洁 ， 修 改 某 个 元 素 的 
样式 时 只 需要 修改 head 内 的 代码 即 可 。 但 是 , 内 嵌 式 只 解决 了 一 个 网 页 内 部 结构 和 表现 分 
离 的 问题 ， 一 般 情况 下 网 站 是 由 很 多 网 页 组 成 ， 如 果 不 同 网 页 中 的 某 些 元 素 采 用 了 相同 的 
样式 ， 仍 然 需要 分 别 设置 ， 因 此 ， 将 样式 放 在 一 个 单独 的 CSS 文件 中 ， 然 后 通过 为 每 个 网 
页 引入 该 文件 来 实现 统一 的 外 观 成 为 一 种 更 好 的 选择 。 这 就 是 接 下 来 要 介绍 的 另 一 种 使 用 
样式 表 的 方式 。 

(2) 第 二 种 方式 是 ， 在 head 部 分 通过 导入 以 扩展 名 为 .css 的 文件 来 实现 CSS 样式 ， 称 
为 链接 式 。 利 用 这 种 方法 在 网 页 中 可 以 调用 已 经 定义 好 的 样式 表 来 实现 样式 表 的 应 用 ， 定 
义 好 的 样式 表 通 常 单独 以 文件 的 形式 存放 在 站 点 目录 中 。 这 种 方法 实现 了 将 网 页 结构 和 表 
现 的 彻底 分 离 ， 最 适合 大 型 网 站 的 CSS 样式 定义 。 

例如 ， 将 【 例 7-1】 代码 中 的 样式 抽取 出 来 保存 为 Style.css， 文 件 内 容 如 下 。 














body 
{ 
text-align:center; 
' 
div 
text-align:center; 
width:400px:; 
border:solid 1px blue; 
} 
hl 
{ 
font-size:x-large; 
colorred : 
b 
h2 
{ 
font-size:large; 
color:blue; 
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引用 代码 如 下 : 


<head> 
<title> 链 接 式 样式 </title> 
<link href="Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<h1> 欢 迎 光临 </h1> 
<h2> 这 是 一 个 被 style 修饰 的 页 面 </h2> 
</div> 
</form> 


</body> 


在 引用 样式 的 标记 <link> 中 ，ref 属性 规定 了 XHTML 与 被 链接 文件 的 关系 ，href 属性 
指定 了 要 链接 的 样式 表 文 件 的 URL，type 属性 则 规定 了 链接 文件 的 类 型 。 

此 外 , 如果 某 个 元 素 既 引用 了 链接 样式 文件 中 定义 的 样式 ， 又 在 head 部 分 定义 了 新 的 
样式 , 或 者 在 元 素 内 部 通过 style 属性 定义 了 新 的 样式 ,那么 该 标记 元 素 最 终 呈 现 的 效果 会 
是 什么 样 呢 ? 下 面 通 过 一 个 例子 来 说 明 。 

【 例 7-2】 样 式 嵌 套 举 例 。 

启动 VS， 打 开 WebSite7， 新 建 名 为 example7-2.aspx 的 页 面 ， 其 中 关键 代码 如 下 : 


<head> 
<title> 链 接 式 样式 </title> 
<style type="text/css"> 
<!— 
hl{ font-weight:bold } 
h2{ color: yellow} 
-> 
</style> 
<link rel="stylesheet" href="style.css" type="text/css" /> 
</head> 
<body> 
<form id="form]1" runat="server"> 
<div> 
<hl style=" font-size:small "> 欢迎 光临 </h1> 
<h2 style=" font-weight:bold "> 这 是 一 个 被 style 修饰 的 页 面 </h2> 
</div> 


其 中 ，style.css 文件 的 内 容 同 上 。 运 行 这 个 XHMTL 文件 ， 在 浏览 器 中 可 以 看 到 ，hl 
元 素 内 的 文字 以 粗 体 、 小 号 、 红 色 显 示 ， 而 h2 元 素 内 的 文字 则 以 粗 体 、 大 号 、 蓝 色 显 示 。 
可 见 ， 链 接 式 样式 中 hl 元 素 的 font-size 属性 和 内 赃 式 样式 中 h2 元 素 的 color 属性 都 
没有 起 作用 ， 而 不 冲突 的 样式 则 都 会 起 作用 。 这 就 是 样式 嵌 套 中 的 冲突 问题 ， 浏 览 器 解决 
这 种 问题 的 方法 就 是 一 旦 发 现 样式 冲突 ， 则 通过 “就 近 使 用 ”原则 ， 采 用 距离 该 元 素 最 近 
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的 样式 进行 显示 ， 而 不 冲突 的 样式 则 通过 顺序 组 合 后 形成 最 终 样式 进行 显示 。 

设计 者 可 以 根据 实际 情况 选择 一 种 或 多 种 样式 控制 方法 进行 样式 定义 。 一 般 情况 下 ， 
在 样式 表 (.css) 文 件 中 定义 适合 大 多 数 网 页 公用 的 样式 ， 在 网 页 内 部 采用 内 翌 式 定义 该 页 面 
特有 的 样式 ， 内 联 式样 式 定义 个 别 元 素 的 样式 ， 再 结合 可 视 化 的 开发 工具 ， 从 而 使 样式 控 
制 真正 灵活 、 方 便 。 

在 VS 中 ， 设 置 样式 的 方法 有 两 种 ， 一 种 是 在 【 源 】 视 图 下 直接 设置 样式 ， 另 一 种 是 
利用 可 视 化 界面 设置 样式 。 


7.1.2 代码 方式 引用 样式 


创建 一 个 新 的 网 页 ， 系 统 自动 打开 页 面 【 源 】 视 图 ， 利 用 系统 提供 的 智能 提示 功能 ， 
可 以 方便 地 设置 各 种 元 素 的 样式 。 下 面 通过 具体 步骤 说 明 样式 设置 的 方法 。 

(1) 在 example7-1.aspx 源 文件 的 body 部 分 输入 【 例 7-1】 的 代码 ， 输 入 时 可 以 看 到 
VS 所 提供 的 智能 提示 工具 ， 如 图 7-2 所 示 。 

(2) 完成 代码 输入 后 切换 到 【设计 】 视 图 ， 可 以 查看 页 面 的 显示 效果 ， 如 图 7-3 所 示 。 

虽然 在 【 源 】 视 图 下 输入 样式 信息 时 ， 系统 将 提供 智能 提示 以 帮助 用 户 完成 样式 输入 ， 
但 是 初学 者 往往 不 了 解 到 底 都 有 哪些 样式 可 供 使 用 ， 对 于 提供 的 选项 也 不 知道 什么 含义 ， 
因此 ， 利 用 VS 的 可 视 化 界面 可 以 更 为 方便 地 完成 样式 的 定义 。 
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图 7-2 源 视图 中 提供 的 智能 代码 提示 图 7-3 设计 视图 下 的 样式 效果 


7.1.3 ”可视化 方式 引用 样式 


利用 可 视 化 窗口 设置 样式 的 方法 有 很 多 ， 可 以 在 【 源 】 视 图 或 者 【设计 】 视 图 下 选中 
某 个 标记 元 素 , 然后 在 属性 面板 中 style 属性 值 的 某 个 地 方 单 击 , 将 在 样式 信息 后 看 到 省 略 
号 按钮 (…)， 如 图 7-4 所 示 。 单 击 该 按钮 将 看 到 【修改 样式 】 对 话 框 ， 如 图 7-5 所 示 。 

该 对 话 框 分 为 两 个 窗 格 ， 左 窗 格 列 出 9 个 类 别 ， 当 选择 某 个 类 别 时 ， 右 窗 格 显示 所 选 
类 别 下 的 选项 。 选 择 了 样式 选项 并 单 击 【确定 】 按 钮 后 ， 新 的 样式 定义 将 自动 在 【 源 】 视 
图 中 生成 ， 还 可 以 在 【设计 】 视 图 下 查看 最 新 的 效果 。 

这 种 方法 只 能 将 定义 的 样式 属性 以 内 联 式 生成 , 放 在 每 个 元 素 的 style 属性 中 ,内 联 式 
样式 的 缺点 前 面 已 经 讲 过 。 要 想 定义 内 购 式 样式 也 非常 容易 ， 有 具体 步骤 如 下 。 
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二 
tablndex | 
ttle 
微软 点 起 haBbcc 
图 7-4 属性 面板 的 style 属性 图 7-5 【修改 样式 】 对 话 框 


(1) 切换 到 【设计 】 视 图 中 ,在 【样式 应 用 】 工 具 栏 的 【目标 规则 】 列表 中 ， 单 击 【 应 
用 新 样式 】， 如 图 7-6 所 示 。 

(2) 此 时 将 显示 【新 建 样式 】 对 话 框 ， 该 对 话 框 和 如 图 7-5 所 示 的 【修改 样式 】 对 话 
框 相似 ， 不 同 的 是 【新 建 样式 】 对 话 框 中 包含 了 选择 器 用 于 选择 对 哪 一 个 标记 进行 定义 ， 
以 及 通过 定义 位 置 将 当前 定义 存放 到 指定 位 置 ， 如 图 7-7 所 示 。 
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上 mtemet Explorer - Dobug - 风 -| -PE 目 Ia 二 > - es。 -加 / 
ER 














FE > 

[ee 

亿 这 是 一 个 被 style 修 饰 的 页 面 | | | 二 出 
图 7-6 新 建 样式 图 7-7 【新 建 样式 】 对 话 框 


在 【选择 器 】 列 表 中 单 击 hl， 就 可 以 创建 应 用 于 所 有 hl 元 素 的 样式 。 

注意 , 【定义 位 置 】 列 表 设 置 为 “当前 网 页 ”, 这 指示 该 样式 规则 在 当前 页 的 style 元 
素 中 创建 。 若 想 查看 已 创建 的 样式 规则 ， 可 以 切换 到 【 源 】 视 图 并 滚动 到 style 元 素 ， 该 
元 素 位 于 head 元 素 内 。 
也 可 以 通过 选择 菜单 【格式 】 中 的 【新 建 样式 】 命 令 来 定义 内 嵌 式 样式 。 
想 要 对 正在 定义 的 内 嵌 式 样式 规则 进行 修改 也 非常 简单 ， 具 体 步 骤 如 下 。 
(1) 单 击 某 个 想 要 修改 样式 的 元 素 ， 如 文本 “欢迎 光临 ”。 此 时 ， 选 中 部 分 以 蓝 色 框 
并 有 一 个 标签 指示 hl 元 素 已 选中 。 
(2) 选择 【视图 】 菜 单 中 的 【CSS 属性 】 命 令 ， 打 开 【CSS 属性 】 面 板 ， 可 以 看 到 hl 
元 素 的 CSS 属性 列表 ， 如 图 7-8 所 示 。 








包围 


Et 











第 7 章 ， 样式、 主题 与 母 版 页 


179° 


在 CSS 属性 列表 中 所 做 的 修改 可 以 立即 通过 【设计 】 视 图 显示 出 来 ， 如果 想 要 观察 具 
体 的 样式 代码 ， 可 以 通过 切换 到 【 源 】 视 图 并 滚动 到 style 元 素来 进行 查看 。 

使 用 CSS 的 另 一 个 有 效 方法 是 将 样式 规则 放 入 样式 表 中 。 然 后 ， 所 有 页 面 都 可 以 引 
用 这 些 样式 ， 这 样 可 以 使 这 些 页 面 看 起 来 非常 一 致 。 创 建 样式 表 使 用 的 技术 与 创建 新 页 面 


所 用 的 相同 。 具 体 步骤 如 下 。 








(1) 在 【解决 方案 资源 管理 器 】 中 , 右 击 网 站 的 名 称 , 然后 单 击 【添加 新 项 】。 在 【Visual 





Studio 已 安装 的 模板 】 下 选择 【样式 表 】。 


(2) 在 【名 称 】 文 本 框 中 ， 输 入 NewStyle.css， 然 后 单 击 【 添 加 】 按 钮 。 编 辑 器 将 打 














， 其 中 显示 一 个 包含 空 body 样式 规则 的 新 样式 表 。 





(3) 打开 或 切换 到 example7-2.aspx 页 ， 然 后 切换 到 【设计 】 视 图 。 在 【视图 】 菜 单 


中 单 击 【 管 理 样式 】 命令 , 打开 【管理 样式 】 面 板 。 单 击 【 附 加 样式 表 】， 此 时 将 显示 【 选 
择 样 式 表 】 对 话 框 ， 选 择 NewStyle.css 文件 ， 然 后 单 击 【确定 】 按 钮 ， 名 为 NewStyle.css 


的 新 选项 卡 在 【管理 样式 】 窗 口中 创建 ， 如 图 7-9 所 示 。 
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图 7-9 新 建 CSS 样式 表 文 件 
可 以 通过 多 种 方式 为 页 面 指定 样式 表 。 最 简单 的 方法 是 在 【 源 】 视 图 中 将 文件 从 【 解 








决 方案 资源 管理 器 】 拖 到 页 面 的 头 元 素 中 或 者 直接 将 文件 拖 到 【设计 】 视 图 中 。 
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7.1.4 样式 规则 
从 生成 的 样式 代码 可 以 看 到 ， 无 论 是 定义 内 嵌 式 样式 还 是 链接 式样 式 ， 每 个 样式 的 定 
义 格式 都 是 一 样 的 ， 如 下 所 示 。 
样式 定义 选择 符 { 属性 1: 值 1; 属性 2: 值 2 ……} 


其 中 ,样式 定义 选择 符 是 指 样式 定义 的 对 象 ， 可 以 是 HTML 标记 元 素 , 还 可 以 是 用 户 
自 定义 的 类 、 用 户 自 定义 的 了 p、 伪 类 和 伪 元 素 等 。 


1. 标记 选择 符 
任何 HIML 元 素 都 可 以 是 一 个 CSS 的 标记 选择 符 。 标 记 选 择 符 仅 仅 是 指向 特别 样式 
的 元 素 。 例 如 下 面 规则 中 的 标记 选择 符 是 div。 





div{ text-align:center } 


该 样式 规则 的 含义 是 ，div 块 内 的 所 有 内 容 都 居中 显示 。 图 7-10 中 的 【选择 器 】 下 拉 
列表 中 提供 了 所 有 可 供 使 用 的 标记 选择 符 。 


Re 忆 口 将 新 样式 应 用 于 文档 选择 内 容 ) 
本 AsumLan: NB) 



































图 7-10 【选择 器 】 下 拉 列 表 


2. 类 选择 符 


每 一 个 标记 选择 符 都 能 自 定义 不 同 的 类 ， 从 而 允许 同一 元 素 具 有 不 同 的 样式 。 指 定 某 
个 标记 选择 符 内 的 自 定义 类 的 一 般 形式 如 下 。 
标记 选择 符 .类 名 {样式 属性 1: 值 1; 样式 属性 2: 值 2; ……} 
示例 代码 如 下 。 
<style type="text/css"> 


P.one{ 


color:red; 
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} 
P-twof 
color:blue; 


} 
</style> 


在 代码 中 引用 类 选择 符 的 方法 是 通过 元 素 的 class 属性 来 实现 的 ， 示 例 代 码 如 下 。 


<p class="one"> 类 别 选 择 器 1</p> 
<p class="two"> 类 别 选择 器 2</p> 


其 含义 是 在 p 中 引用 one 会 以 红色 样式 显示 ， 在 p 中 引用 two 会 以 蓝 色 样 式 显示 。 
类 选择 符 的 定义 也 可 以 与 标记 选择 符 无 关 ， 这 样 ， 类 选择 符 可 以 应 用 于 任何 元 素 。 这 
种 自 定义 类 选择 符 的 形式 如 下 。 
.类 名 {样式 属性 1: 值 1; 样式 属性 2: 值 2; ……} 
示例 代码 如 下 。 





<style type="text/css"> 
-note{ 
color:red; 


} 
</style> 
<hl class="note"> 类 别 选择 器 1</p> 
<h2 class="note"> 类 别 选择 器 2</p> 
在 这 个 例子 ，note 类 选择 符 可 以 被 用 于 任何 元 素 。 
3. ID 选择 符 
ID 选择 符 用 于 分 别 定义 每 个 具体 元 素 的 样式 ,一 个 ID 选择 符 的 指定 要 有 指示 符 # 在 名 
字 前 面 。 使 用 时 通过 指定 元 素 的 id 属性 来 关联 。 示 例 代码 如 下 。 
#index { color:blue } 
引用 时 ， 使 用 id 属性 声明 即 可 。 
<p id="index"> 本 段落 的 颜色 为 灰色 </p> 
可 以 看 出 ， 自 定义 ID 选择 符 与 自 定义 类 选择 符 的 定义 方式 非常 相似 ， 但 是 两 者 在 使 
用 上 是 有 区 别 的 。 在 同一 个 网 页 中 ， 多 个 标记 元 素 可 以 使 用 同一 个 自 定义 类 选择 符 ， 而 ID 
选择 符 只 能 为 某 一 个 标记 元 素 使 用 。 这 种 选择 符 应 该 尽量 少 用 ， 因 为 它 具 有 一 定 的 局 限 。 
但 是 如 果 在 一 个 元 素 的 样式 定义 中 ， 既 有 标记 选择 符 ， 又 有 自 定义 类 选择 符 和 自 定义 ID 
选择 符 ， 那 么 自 定义 IJD 选择 符 的 优先 级 最 高 ， 其 次 是 自 定义 类 ， 标 记 选 择 符 的 优先 级 最 低 。 
4. 伪 类 
伪 类 是 CSS 中 非常 特殊 的 类 ， 能 自动 地 被 支持 CSS 的 浏览 器 所 识别 。 伪 类 可 以 指定 
XHTML 中 的 A 元素 以 不 同 的 方式 显示 链接 (links)、 已 访问 链接 (visited links) 和 可 激活 链接 
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(active links)。 其 中 , 一 个 已 访问 链接 可 以 定义 为 不 同 颜色 的 显示 , 甚至 不 同 字体 大 小 和 风格 。 
CSS 中 用 4 个 伪 类 来 定义 链接 的 样式 , 分 别 是 : alink、a:visited、a:hover 和 a : active， 
例如 : 





a:link {font-weight : bold ;text-decoration : none ;color : #C00000 ;} 
a:Visited {font-weight : bold :text-decoration : none :color : #C30000 ;} 
ahover {font-weight : bold :text-decoration : underline :color : #E60000 :;} 
a:active {font-weight : bold ;text-decoration : none :color : #90000 ;} 
以 上 语句 分 别 定 义 了 “链接 、 已 访问 过 的 链接 、 鼠 标 停 在 上 方 时 、 点 下 鼠标 时 ”的 样 
式 。 注 意 ， 必 须 按 以 上 顺序 写 ， 和 否则 显示 可 能 和 预想 的 不 一 样 。 记 住 它 们 的 顺序 是 LVHA。 


5. 关联 选择 符 


关联 选择 符 是 一 个 用 空格 隔 开 的 两 个 或 更 多 的 单一 标记 选择 符 组 成 的 字符 串 。 一 般 格 
式 如 下 。 


选择 符 1 选择 符 2 …… {属性 : 值 ; ……} 
这 些 选择 符 具 有 层次 关系 ， 并 且 它 们 的 优先 级 比 单一 的 标记 选择 符 大 。 如 下 所 示 。 
phl{ colorred } 


这 种 定义 方式 只 对 p 所 包含 的 hl 元 素 起 作用 ， 单 独 的 p 或 者 单独 hl 元 素 均 无 法 采用 
该 样式 。 


6. 并 列 选择 符 
如 果 有 多 个 不 同 的 元 素 定义 的 样式 相同 , 则 可 以 使 用 并 列 选择 符 简化 定义 。 如 下 所 示 。 
h1,h2,h3{ color:blue} 


每 个 元 素 之 间 用 逗号 隔 开 ， 表 示 所 有 的 hl 、h2、h3 标记 中 的 内 容 都 将 以 蓝 色 显示 。 


7.2 页面 布局 


除了 为 页 面 的 内 容 设置 样式 ， 页 面 元 素 的 布局 和 定位 是 否 合理 也 是 衡量 网 页 设计 是 否 
美观 的 重要 指标 。 本 节 将 介绍 网 页 的 基本 布局 方式 ， 页 面 元 素 的 定位 ， 以 及 表格 布局 和 层 
布局 。 


7.2.1 网 页 的 基本 布局 方式 


常见 的 网 页 布局 方式 有 左 对 齐 、 居 中 和 满 宽度 显示 。 默 认 情 况 下 ， 网 页 内 容 水 平 堪 对 
齐 ， 然 而 ， 在 实际 页 面 中 ， 经 常 看 到 的 大 部 分 页 面 都 是 水 平 居中 和 满 宽度 显示 的 。 因 此 ， 
这 里 仅 介 绍 两 种 非常 常用 的 布局 实现 方法 。 
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1. 页 面 水 平 居中 


实现 的 方法 是 在 body 的 style 样式 中 设置 text-align 属性 的 值 为 center 即 可 。 如 果 还 希 
望 页 面 的 宽度 固定 ， 则 可 以 通过 设置 div 的 width 属性 来 实现 。 示 例 代 码 如 下 。 


<body style="text-align:center; "> 
<form id="form1" runat="server"> 
<div id="div1" style="width:760px; text-align:center; height:500px"></div> 
</form> 


</body> 





2. 页 面 满 宽度 显示 


实现 的 方法 是 将 divl 的 固定 宽度 设置 为 百分比 即 可 , 这 样 宽 度 就 会 随 显示 界面 的 大 小 
自动 调整 。 示 例 代码 如 下 。 
<body style="text-align:center; "> 
<form id="forml1" runat="server"> 
<div id="div1" style="width:98%; text-align:center: height:500px"></div> 
</form> 
</body> 
这 种 方式 的 优点 是 无 论 浏览 器 是 否 最 大 化 显示 ， 都 不 会 出 现 横 向 深 动 条 ; 缺点 是 页 面 
元 素 相对 位 置 不 固定 ， 不 利于 用 户 和 窗 体 之 间 的 操作 。 


7.2.2 ”页 面 元 素 定位 


页 面 元 素 的 定位 分 为 流 布局 和 坐标 定位 布局 两 种 ， 其 中 ， 坐 标定 位 布局 又 分 为 绝对 定 
位 和 相对 定位 ， 这 里 仅 介绍 流 布 局 和 坐标 绝对 定位 。 


1. 流 布局 static 

如 果 采 用 该 布局 ， 则 页 面 中 的 元 素 将 按照 从 左 到 右 、 从 上 到 下 的 顺序 显示 ， 各 元 素 之 
间 不 能 重 登 。 如 果 不 设置 元 素 的 定位 方式 ， 则 默认 是 流 式 布 局 。 

2. 坐标 绝对 定位 absolute 


在 使 用 坐标 绝对 定位 之 前 ， 必 须 先 将 style 元 素 的 position 属性 的 值 设 置 为 absolute， 
然后 就 可 以 由 style 元 素 的 left、top 、right、bottom 和 z-index 属性 来 决定 元 素 在 页 面 中 的 
绝对 显示 位 置 。left 属性 表示 元 素 的 x 坐标 ，top 属性 表示 元 素 的 y 坐标 ， 坐 标的 位 置 是 以 
它 最 近 的 具有 position 属性 的 父 容器 为 参照 物 的 。 具 体 效 果 参 看 下 面 的 例子 。 

【 例 7-3】 在 WebSite7 网 站 中 新 建 一 个 example7-3.aspx 页 面 ， 修 改 页 面 <body> 内 的 代 
码 为 下 面 的 内 容 。 

<body> 
<form id="form1" runat="server"> 
<div id="div1" style="border: 1px #000080 solid: text-align: left: width: 400px; height: 200px:"> 
<div 1d="div2" style="width: 200px: height: 120px: text-align: left: border: 1px #00FF00 solid; 
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background-color: #808080"> 
<div id="div3" style="position: absolute; top: 70px: left: 130px: width: 150px:; height: 100px: 
border: 2px #800000 solid: background-color: #FFFF00"> 
<div 1d="div4" style="position: absolute: left: 30px: top: 30px; width: 100px: height: 60px: 
border: 3px #EFFOOFF solid; background-color: #00FFFF"> 
</div> 


然后 切换 到 【设计 】 视 图 , 观察 显示 的 效果 ,如 图 7-11 所 示 。 运行 该 页 面 , 可 以 看 到 ， 
无 论 浏览 器 窗口 如 何 变化 ， 各 层 之 间 的 位 置 仍然 保持 不 变 。 

具有 不 相同 z-index 值 的 元 素 可 以 重 营 ， 其 效果 就 像 多 张 透明 的 纸 按 顺序 印 放 在 一 起 。 
其 中 ，z-index 值 大 的 元 素 会 覆盖 z-index 值 小 的 元 素 。 修 改 【 例 7-3】 的 代码 ， 为 div3 增 
加 z-index 属性 ， 如 下 所 示 。 


<div id="div3" style="position: absolute; =...... z-index: -1:"> 
切换 到 【设计 】 视 图 ， 观察 显示 的 效果 ， 如 图 7-12 所 示 。 
采用 坐标 定位 的 方式 可 以 精确 地 将 元 素 放 在 页 面 中 相应 的 位 置 显示 ， 但 是 由 于 不 同 浏 
览 器 在 显示 方面 存在 的 差异 ， 也 会 给 整体 页 面 布局 带 来 混乱 的 效果 ， 解 决 这 个 问题 的 方法 
就 是 利用 表格 来 进行 布局 。 




















Oe 7-3.aspx 局 C 轩 , 寻 才 3 


入 wapyW/localhost1558/erample7-3aspe -SC 上 国 这 全 














图 7-11 绝对 定位 的 页 面 效果 图 7-12 设置 z-index 属性 的 效果 


7.2.3 ”表格 布局 


利用 表格 可 以 将 网 页 中 的 内 容 合 理 地 放置 在 相应 的 区 域 ， 每 个 区 域 之 间 互 不 干扰 。 例 
如 ， 设 计 一 个 表格 用 来 布局 网 页 首页 ， 实 现 的 效果 如 图 7-13 所 示 。 















































图 7-13 表格 布局 
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从 图 7-16 中 可 以 看 到 ， 表 格 中 定义 了 1 个 标题 区 ，1 个 导航 区 ，1 个 页 脚 区 ， 中 间 又 
分 成 3 个 区 , 这 就 需要 先 创建 一 个 4 行 3 列 的 表格 , 然后 再 通过 详细 设置 达到 图 7-13 中 的 





效果 。 该 实例 的 实现 步骤 如 下 。 








(1) 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 的 名 称 ， 然 后 单 击 【添加 新 项 】， 新 建 


-个 Default.aspx 页 面 ， 设 置 body 元 素 的 style 
属性 为 "text-align:center", div 元 素 的 style 属性 为 
"width: 780px: text-align:center"。 

(2) 切换 到 【设计 】 视 图 ， 将 光标 停 在 div 
标记 内 。 选 择 菜 单 【 表 】 中 的 【插入 表 】 命令 ， 
打开 【插入 表格 】 对 话 框 ， 定 义 表格 大 小 为 4 行 
3 列 ， 指 定 宽度 为 100%， 边 框 值 为 1， 边框 颜色 
为 红色 。 如 图 7-14 所 示 。 

经 过 详细 设置 后 的 代码 可 以 通过 切换 到 
【 源 】 视 图 中 查看 ， 如 【 例 7-4】 所 示 。 


【 例 7-4】 表 格 布局 举例 。 


<head runat="server"> 





设置 
口 设 为 新 未 术 9 束 认 介 ) 














图 7-14 ”新建 表格 


<meta http-equiv="Content-Type" content="text/html: charset=utf-8"/> 


<title></title> 
<style type="text/css"> 
.auto-style4 { 
width: 100%:; 
border: 1px solid #EF0000; 
} 
.auto-style5 { 
height: 20px: 
} 
</style> 
</head> 
<body> 
<form id="form]1" runat="server"> 
<div style="width: 780px:; text-align:center"> 


<table class="auto-style4" border="1"> 

<tr> 
<td>&nbsp:;</td> 
<td>&nbsp:;</td> 
<td>&nbsp:;</td> 

</tr> 

<tr> 
<td>&nbsp:</td> 
<td>&nbsp:</td> 
<td>&nbsp:</td> 

</tr> 

<tr> 
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<td>&nbsp:</td> 
<td>&nbsp:</td> 
<td>&nbsp;</td> 
</tr> 
<tr> 
<td class="auto-style5"></td> 
<td class="auto-style5"></td> 
<td class="auto-style5"></td> 
</t> 
</table> 
</div> 
</form> 


</body> 

整个 表格 的 最 大 列 数 是 3， 所 以 标题 区 、 导 航 区 和 页 脚 部 分 的 colspan 属性 值 为 3， 表 
示 对 应 行 占 3 列 。 此 时 ， 浏 览 器 会 自动 根据 整个 表格 的 宽度 调整 该 部 分 的 宽度 。 

表 7-1 中 列 出 了 表格 中 部 分 常用 的 属性 。 





表 7-1 常用 表格 属性 


属 性 名 含 义 

Border 表示 边框 宽度 ， 如 果 设 置 为 0， 表示 无 边框 ， 此 时 默认 frame=void，rules=none; 可 以 
设置 为 大 于 0 的 值 来 显示 边框 ， 此 时 默认 frame=border，rules=all 

Cellspacin 表示 单元 格 间距 (表格 和 tr 之 间 的 间隔 ) 

Cellpaddin 表示 单元 格 衬 距 (td 和 单元 格 内 容 之 间 的 间隔 ) 

Frames 表示 如 何 显示 表格 边框 ，void: 无 边框 (默认 ); above: 仅 有 顶部 边框 :below: 仅 有 底 
部 边框 ; hsides: 仅 有 顶部 和 底部 边框 ;vsides: 仅 有 左右 边框 ; Ihs: 仅 有 左边 框 ; ths: 
仅 有 右边 框 ，box 和 border: 包含 全 部 4 个 边框 

Rules 表示 如 何 显示 表格 内 的 分 隔 线 ，all: 显示 所 有 分 隔 线 ;， cols: 仅 显示 列 线 ， rows: 仅 





显示 行 线 ，groups: 仅 显示 组 与 组 之 间 的 分 隔 线 


表格 布局 的 最 大 优点 就 是 简单 直观 。 但 是 如 果 将 整个 网 页 的 元 素 都 包含 在 表格 内 ， 则 
浏览 器 会 将 整个 表格 全 部 下 载 完毕 后 才 显 示 表 格 中 的 内 容 ， 因 此 网 页 显示 速度 慢 。 此 外 ， 
表格 布局 也 不 利于 网 页 结构 和 表现 的 分 离 。 解 决 该 问题 的 方法 就 是 网 页 整体 采用 DIV 和 
CSS 进行 层 布 局 ， 局 部 用 表格 进行 布局 ， 这 是 当前 Web 标准 推荐 的 最 佳 布局 方法 。 


7.2.4 DIV 和 CSS 布局 


层 布局 最 核心 的 标签 就 是 DIV。 DIV 是 一 个 容器 , 在 使 用 时 以 <DIV></DIV> 形 式 存在 。 
在 XHTML 中 , 每 一 个 标签 都 可 以 称 作 是 容器 ， 能 够 放置 内 容 。 但 DIV 是 XHTML 中 专门 
用 于 布局 设计 的 容器 对 象 。 

在 传统 的 表格 布局 中 ， 完 全 依赖 于 表格 对 象 TABLE， 在 页 面 中 绘制 多 个 单元 格 ， 在 
表格 中 放置 内 容 ， 通 过 表格 的 间距 或 者 用 无 色 透 明 的 GIF 图 片 来 控制 布局 版 块 的 间距 ， 达 
到 排版 目的 。 而 以 DIV 对 象 为 核心 的 页 面 布局 中 ， 通 过 层 来 定位 ， 通 过 CSS 定义 外 观 ， 
最 大 程度 地 实现 了 结构 和 外 观 彻底 分 离 的 布局 效果 ， 因 此 习惯 上 对 层 布局 又 称 为 DIV 和 
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CSS 布局 。 
1. 定义 层 





添加 层 的 方法 非常 简单 ， 可 以 通过 【工具 箱 】 面 板 中 的 HIML 选项 卡 拖 动 一 个 Div 
项 到 设计 视图 中 ， 或 者 在 【 源 】 视 图 中 创建 一 对 <div></div> 标 记 。 

【 例 7-5】 分 析 一 个 简单 的 定义 DIV 的 例子 。 设 计 一 个 页 面 ， 添 加 一 个 层 ， 定 义 其 样 
式 效果 如 图 7-15 所 示 。 


























图 7-15 简单 的 层 定义 

具体 实现 步 又 如 下 。 

(1) 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 WebSite7 的 名 称 ， 然 后 单 击 【添加 】1| 
【添加 项 】， 新 建 一 个 example7-5.aspx 页 面 ， 此 时 会 发 现代 码 中 已 经 包含 了 一 个 层 对 象 。 

(2) 切换 到 【设计 】 视 图 ， 在 【格式 】 菜 单 中 单 击 【新 建 样式 】 命 令 ， 打 开 【 新 建 样 
式 】 对 话 框 ， 在 【选择 器 】 后 面 的 文本 框 中 输入 #sample， 然 后 选择 相应 的 类 别 进行 设置 ， 
完成 后 单 击 【确定 】 按 钮 。 

(3) 选中 层 对 象 ， 在 【视图 】 菜 单 中 单 击 【 管 理 样 式 】 命 令 ， 然 后 右 击 #sample 样式 ， 
选择 【应 用 样式 】 命 令 即 可 ， 如 图 7-16 所 示 。 


esample7T-saspw HX 


ln 这 贡 ” [ED 
7 AaBbC， 


4 当前 网 页 

bbody 

v ssample 
应 用 AI | 
转 到 代码 (G) 
迁 择 全 部 1 个 实例 (S) 








图 7-16 应 用 样式 
对 应 的 程序 代码 如 下 所 示 。 


<head id="Headl" runat="server"> 
<title></title> 
<style> 
body { text-align:center; } 
#sample 
上 
border: 2px solid #CCC: 
margin: 10px: 
Padding: 20px 10px 10px 20px; 
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background: #fefefe url(images/bg imagel.gif) no-repeat right bottom; 
color: #666; 
text-align: center: 
line-height: 120px: 
width:51%; 
height: 169px:; 
} 
</style> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div ig="sample"> 这 是 一 个 层 布局 的 例子 <Jdiv> 
</form> 
a 
其 中 ，margin 是 指 层 的 边框 以 外 留 的 空白 ， 用 于 页 边 距 或 者 与 其 他 层 制 造 一 个 间距 。 
10px 10px 10px 10px 分 别 代表 “上 右 下 左 ”( 顺 时 针 方 向 )4 个 边 距 。 如 果 都 一 样 ， 可 以 缩写 
成 margin: 10px;。 如 果 边 距 为 零 ， 则 写成 margin: 0px;。 
padding 是 指 层 的 边框 到 层 的 内 容 之 间 的 空白 。 和 margin 一 样 ， 分 别 指定 上 右 下 左边 
框 到 内 容 的 距离 。 如 果 都 一 样 ,可 以 缩写 成 padding:0px。 单 独 指定 左边 可 以 写成 padding-left: 
0px:。padding 是 透明 元 素 ， 不 能 定义 颜色 。 
border 是 指 层 的 边框 , border-right: #CCC 2px solid: 是 定义 层 的 右边 框 颜色 为 #CCC， 宽 
度 为 2px， 样 式 为 solid 的 直线 。 如 果 要 虚线 样式 可 以 用 dotted。 
background 是 定义 层 的 背景 。 分 两 级 定义 ， 先 定义 图 片 背景 ， 采 用 url(../images/ 
bg imagel.gip 来 指定 背景 图 片 路 径 ， 其 次 定义 背景 色 #efefe。no-repeat 指 背景 图 片 不 需要 
重复 ， 如 果 需 要 横向 重复 用 repeat-x， 纵 向 重复 用 repeat-y， 重 复 铺 满 整个 背景 用 repeat。 
后 面 的 right bottom: 是 指 背景 图 片 从 右 下 角 开 始 。 
color 用 于 定义 字体 颜色 。 
text-align 用 来 定义 层 中 的 内 容 排列 方式 ，center 居中 ; left 居 左 ，right 居 右 。 
line-height 定义 行 高 , 120px 是 指 绝对 高 度 为 120 个 像素 ,也 可 以 写作 :line-height:150%， 
表示 是 标准 高 度 的 150%。 
width 是 定义 层 的 宽度 ， 可 以 采用 固定 值 ， 也 可 以 采用 百分比 。 这 个 宽度 仅仅 指 内 容 
的 宽度 ， 不 包含 margin，border 和 padding 的 宽度 。 


2. 盒子 模型 


自从 1996 年 CSS1 的 推出 , W3C 组 织 就 建议 把 所 有 网 页 上 的 对 象 都 放 在 一 个 盒 (oox) 
中 ， 设 计 师 可 以 通过 创建 定义 来 控制 这 个 盒 的 属性 ， 这 些 对 象 包括 段落 、 列 表 、 标 题 、 图 
片 以 及 层 。 盒 子 模型 主要 定义 4 个 区 域 : 内 容 (contenb、 边 框 距 (padding)、 边 界 (bordeD 和 
边 距 (margin)。 前 面 【 例 7-5】 中 定义 的 层 就 是 一 个 典型 的 盒 。 对 于 初学 者 ， 经 常会 搞 不 清 
楚 margin，background-color，background-image，padding，content，border 之 间 的 层次 、 
关系 和 相互 影响 。 这 里 给 出 一 个 盒子 模型 图 ， 如 图 7-17 所 示 ， 方 便 初学 者 理解 和 使 用 。 
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3 有 
margin-bottom 
图 7-17 盒子 模型 
理解 盒子 模型 就 可 以 理解 层 与 层 之 间 定 位 的 关系 以 及 层 内 部 的 表达 样式 。 其 中 ， 


margin 属性 负责 层 与 层 之 间 的 距离 ，padding 属性 负责 内 容 和 边框 之 间 的 距离 。 下 面 这 段 


代码 可 以 帮助 读者 进一步 理解 盒子 模型 的 含义 。 


<head runat="server"> 
<title></title> 

<style> 

#sample2 

{ 

background-color: #EFFFFO00; 
border-style: solid; 
padding-bottom: 25px: 
margin-bottom: 50px: 

width: 60%; 

} 

</style> 

</head> 

<body> 

<form id="forml" runat="server"> 


<div id="sample2">W3C 组 织 就 建议 把 所 有 网 页 上 的 对 象 都 放 在 一 个 盒 oox) 中 ， 设 计 
师 可 以 通过 创建 定义 来 控制 这 个 盒 的 属性 ， 这 些 对 象 包括 段落 、 列 表 、 标 题 、 图 片 以 及 层 


</div>。 


<p> 这 是 下 一 段 </p> 
</form> 
</body> 


运行 这 段 代 码 ， 效 果 如 图 7-18 所 示 。 

3. 层 的 定位 

在 一 个 页 面 中 定义 多 个 层 ,会 发 现 这 些 层 自动 排 
列 在 不 同 的 行 ， 而 要 真正 实现 左右 排列 ， 就 要 加 入 新 
的 属性 一 一 float( 浮 动 属性 )。float 浮动 属性 是 DIV 和 
CSS 布局 中 的 一 个 非常 重要 的 属性 。 大 部 分 的 DIV 布 
局 都 是 通过 float 的 控制 来 实现 的 。 有 具体 参数 如 下 。 








了 argim-bottoa:50px 
这 是 下 一 自 
图 7-18 盒子 模型 举例 
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e floatnone 用 于 设置 是 否 浮动 。 

e ”float:left 用 于 表示 对 象 向 左 浮动 

e float:right 用 于 表示 对 象 向 右 浮动 。 

【 例 7-6】 下 面 通过 一 个 左右 分 栏 布局 的 例 
子 来 说 明 float 的 用 法 , 该 布局 包含 2 个 层 且 左 
右 排列 ， 这 是 最 常用 的 布局 结构 之 一 ， 其 效果 
如 图 7-19 所 示 。 

要 想 实现 这 样 的 效果 ， 必 须 使 用 float 属 
性 ， 代 码 如 下 。 





























图 7-19 左右 分 栏 效果 


<head runat="server"> 
<title></title> 
<style> 

#left,#right 

{ 
width:200px: 
height:160px; 
background-color:#cecece: 
border: 1px dashed #33ccff: 


} 
#left{float:left:} 
#right{float:left:} 
</style> 
</head> 
<body> 
<form id="form]1" runat="server"> 
<div id="left"> 当 前 层 的 攻 是 left</div> 
<div id="right"> 当 前 层 的 攻 是 right</div> 
</form> 


</body> 
读者 可 以 尝试 去 掉 胡 eft{ffloat:left} 和 #ight{floatleft} 来 看 看 会 变 成 什么 效果 。 当 然 ， 也 
可 以 把 float 的 属性 值 改 为 right 来 看 看 会 变 成 什么 效果 。 
要 想 实现 两 列 中 左 列 宽度 固定 而 右 列 宽度 自 适应 窗口 大 小 的 效果 ， 可 以 将 【 例 7-6】 
代码 中 的 样式 进行 如 下 修改 。 


<style> 

#left,#right{ 
background-color:#cecece:; 
border: 1px solid #33ccff: 
height:400px: 

y 

#left{ 

width:180px: 
float:left: 

} 

</style> 
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这 样 一 来 ， 左 边 的 层 将 呈现 出 180px 的 宽度 。 而 右边 的 层 则 根据 浏览 器 窗口 大 小 来 自 
动 适应 。 
还 有 一 种 左右 上 下 分 栏 的 样式 也 是 非常 常见 的 ， 其 效果 如 图 7-20 所 示 。 




















当前 层 的 ID 是 left 当前 层 的 ID 是 right 





人 aaa 
下 前 层 的 TD 是 bottorl 











图 7-20 左右 上 下 分 栏 
制作 这 种 效果 时 需要 将 下 面 的 层 样式 中 添加 clear 属性 ， 代 码 如 下 。 


<head runat="server"> 
<style> 
#left,#right {background-color:#eeeeee:border: 1px solid #33ccff:height:200px; } 
#left{width:180px: float:left: } 
#bottom{ background-color:#eeeeee: border:1px solid #33cceff; height:S0px: clearboth: } 
</style> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div id="left"> 当 前 层 的 攻 是 left</div> 
<div id="right"> 当 前 层 的 人 D 是 right</div> 
<div id="bottom"> 当 前 层 的 人 D 是 bottom</div> 
</form> 
</body> 


注意 : 
在 焉 浏览 器 中 ， 即 使 不 定义 clear 属性 为 both， 依 然 能 够 按照 预期 的 效果 显示 下 面 的 
层 对 象 。 


4. 利用 DIV 和 CSS 实现 页 面 布局 


通过 前 面 的 介绍 ， 可 以 知道 DIV 只 是 一 个 区 域 标识 ， 划 定 了 一 个 区 域 , 实现 样式 需要 
借助 于 CSS。 这 样 的 分 离 ， 使 得 DIV 的 最 终 效果 是 由 CSS 来 编写 的 。CSS 可 以 实现 左右 
分 栏 ， 也 可 以 实现 上 下 分 栏 ， 而 表格 则 没有 这 么 大 的 灵活 性 。CSS 与 DIV 的 无 关 性 ， 决 定 
了 DIV 在 设计 上 有 极 大 的 伸缩 性 ， 而 不 拘泥 于 单元 格 固定 的 模式 束缚 。 因 此 ， 实 现 网 页 布 
局 ， 通 常 是 先 在 网 页 中 将 内 容 用 DIV 标记 出 来 ， 然 后 再 用 CSS 来 编写 样式 。 

采用 DIV 和 CSS 布局 之 前 ， 首 先 要 分 析 网 页 有 哪些 内 容 块 ， 以 及 每 个 内 容 块 的 含义 ， 
这 就 是 所 谓 的 网 页 结构 。 通 常情 况 下 页 面 结 构 包 含 以 下 几 块 。 

(1) 标题 区 (header)， 用 来 显示 网 站 的 标志 和 站 点 名 称 等 。 
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(2) 导航 区 (navigation)， 用 来 表示 网 页 的 结构 关系 ， 如 站 点 导航 ， 通 常 放置 主 菜单 。 
(3) 主 功能 区 (content)， 用 来 显示 网 站 的 主题 内 容 ， 如 商品 展示 、 公 司 介绍 等 。 

(4) 页 脚 (footer)， 用 来 显示 网 站 的 版 权 和 有 关 法 律 声明 等 。 

通常 采用 DIV 元 素来 将 这 些 结构 先 定 义 出 来 ， 示 例 代码 如 下 。 











<div id="header"></div> 
<div id="globalnav"></div> 
<div id="content"></div> 
<div id="footer"></div> 


现在 还 没有 开始 布局 , 这 只 是 网 页 的 结构 , 每 一 个 内 容 块 都 可 以 放 在 页 面 上 任何 地 方 ， 
放 好 以 后 就 可 以 指定 每 个 块 的 颜色 、 字 体 、 边 框 、 背 景 以 及 对 齐 属性 等 。 本 节 将 通过 设计 
-个 实际 的 网 页 ， 让 初学 者 真正 掌握 利用 DIV 和 CSS 控制 网 页 布局 的 技巧 。 
【 例 7-7】 设 计 一 个 如 图 7-21 所 示 的 某 个 网 页 的 显示 效果 。 
@ 定义 网 站 主页 的 结构 ， 根 据 布 局 ， 可 以 将 网 页 结构 分 为 以 下 几 个 部 分 。 
<body id="home"> 
<div id="top"></div> 
<div id="header"> 


<div id="logoarea"> 
<div id="logo"></div> 
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图 7-21 页 面 效 果 


<div id="menu"></div> 
<div id="friend"></div> 
</div> 
<div id="banner"></div> 
</div> 
<div 1d="main"></div> 
<div 1d="footer"></div> 
</body> 


@ 制作 如 图 7-22 所 示 的 图 片 。 
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LENOVO Dj » Sites » WebSite7 » WebSite7 » images + example7-7 ve 
a @© 和 O00 
@@@G insania 

meno053 
demojpg finks_ajpo finks bjps nks cjps ns djps lcgejpg logoares bg1j logoarea bg 可 
pg 了 9 


图 7-22 制作 的 图 片 


@ 在 项 目 中 添加 一 个 名 为 StyleSheet7-7.css 的 样式 表 文件 ， 然 后 利用 样式 表 生 成 器 在 
body 中 定义 整个 网 页 的 默认 字体 以 及 网 页 对 齐 方 式 ， 代 码 如 下 。 


body 
{ 





font-size: 12px: 

font-family: 宋体 ; 

text-align: center; 

background-color: #F7F7F7; 
} 


@ 在 StyleSheet7-7.css 文件 中 ， 定 义 整个 网 页 的 边 距 、 宽 度 ， 代 码 如 下 。 


#maindiv 

\ 
width: 1173px; 
margin-top: Opx: 
margin-left:auto; 
margin-right:auto; 


} 
@ 在 页 面 中 添加 对 样式 表 的 引用 ， 代 码 如 下 。 


<head runat="server"> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 某 公司 网 站 首页 </title> 

<link href="StyleSheet7-7.css" rel="stylesheet" type="text/css" /> 
</head> 


@) 下 面 来 定义 页 面 的 top 层 和 header 层 。 首 先 在 StyleSheet7-7.css 文件 中 ， 定 义 #top 
的 样式 ， 代 码 如 下 。 

#top 

‘ 
width:1173px; 
height:8px; 
background:#000000; 

} 


定义 #beader 的 样式 ， 代 码 如 下 。 
#header 


width: 1173px; 


“je ASPNET 4.5 网 站 开发 实例 教程 


height: 115px: 
text-align: Tight: 
clip: rect(60px auto auto auto): 


} 
在 页 面 中 定义 logo 层 ， 代 码 如 下 。 











#header 坦 ogo 

{ 
width:73px:; 
height:87px; 
text-align:left:; 
background-image:url(images/example7-7/logo.jpe); 
float:left; 

b 


定义 #menu 的 样式 ， 代 码 如 下 。 


#menu 

{ 
width: 955px; 
height: 87px: 


color: #3381da; 
text-align:center; 


float:left: 
b 
#menu a, #menu a:link, #menu a:visited, #menu a:active 
{ 
text-decoration: none; 
color: #000099; 
font-size: larger: 
font-weight: 700; 
} 
#menu a:hover 
由 
color: #fF0000:; 
text-decoration: underline': 
} 


定义 #friend 层 ， 代 码 如 下 。 


#header #friend 

{ 
width:140px: 
height:87px: 
float:left: 


background-image:url(images/example7-7/logoarea_ bg2.jpe); 
} 


保存 样式 表 文 件 ， 切 换 到 页 面 的 【设计 】 视 图 ， 添 加 超 链 接 ， 得 到 如 下 代码 : 


<div id="menu"> 
<br> <br> <br/> | &nbsp; 
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<asp:HyperLink ID="HyperLink2" runat="server" 

NavigateUrl="#">Home</asp:HyperLink>&nbsp:; | &nbsp; 

<asp:HyperLink ID="HyperLink3" rmnat="server" NavigateUrl="#">Nosso Conceito 
</asp:HyperLink> 

&nbsp; | &nbsp; 

<asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="#">Quem somos</asp:HyperLink> 

&nbsp; | 

<asp:HyperLink ID="HyperLink$" runat="server" NavigateUrl="#">O que fazemos</asp:HyperLink> 

&nbsp; | &nbsp; 

<asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="#">Parceiros</asp:HyperLink> 

&nbsp; | 

<asp:HyperLink ID="HyperLink7" runat="server" NavigateUrl="#">Contato</asp:HyperLink> 

&nbsp; | &nbsp; &nbsp: &nbsp; 

</div> 


此 时 页 面 设计 效果 如 图 7-23 所 示 。 











OO 


自 113881.0053 








图 7-23 ”步骤 @ 页 面 设计 效果 
@ 接着 定义 banner 层 ， 代 码 如 下 。 


#banner 
width:1173px; 
height:20px; 
float:left: 
background:#808080; 


} 
然后 切换 到 页 面 的 【设计 】 视 图 ， 编辑 main 层 代码 如 下 。 


<div id="main"> 
<div id="mainareal"> 
<d> 
<dt><a href="#"><img src="images/example7-7/links_a.jpg" alt="" title=""/></a></dt> 
<dd>Cris Giacomini<a hre 人 ="#" title=""></a></dd> 
<dd>Redacaio<a href="#" title=""></a></dd> 
<dd>Desvelando as teias da filosofia, psicologia e neurolinguistica com um sopro de 
insanidade e paixao. Personalidade temperada com arte, misica e cultura.<a href="#" title=""></a></dd> 
</d> 


</div> 
<div id="mainarea2"> 
<d> 
<dt><a hre 人 f="#"><img src="images/example7-7/links_ b.jpg" alt="" title=""/></a></dt> 
<dd>Guilherme Leonel<a hre 人 f="#" title=""></a></dd> 
<dd>Design<a href="#" title=""></a></dd> 
<dd>Louco por heavy metal. A criatividade corre nas veias e na pele rabiscada. “De qualquer 
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jeito ultrapassar, quebrar paradigmas e continuar a expandir a mente...”<a hre 人 ="#" title=""></a></dd> 
</d> 
</div> 
<div 1d="mainarea3"> 
<d> 
<dt><a href="#"><img src="images/example7-7/links_c.jpg" alt="" title=""/></a></dt> 
<dd>Paulinha Cayoni<a href—="#" title=""></a></dd> 
<dd>Planejamento<a hre 人 ="#" title=""></a></dd> 
<dd>Puramente jovem. 'Buscando um novo rumo que fa¢a sentido nesse mundo louco'. 
Apaixonada por publicidade, poesia e sorrisos sinceros.<a href="#" title=""></a></dd> 
</d> 
</div> 
<div id="mainarea4"> 
<dl> 
<dt><a href="#"><img src="images/example7-7/links_d.jpg" alt="" title=""/></a></dt> 
<dd>Faca parte da Insania<a href="#" title=""></a></dd> 
<dd>Envie seu curriculo<a href="#" title=""></a></dd> 
<dd>Se vocé é€ insano por natureza e pouca gente te escuta, clique na imagem e venha fazer 
parte da nossa equipe. 
Aqui curtimos novas ideias.<a href="#" title=""></a></dd> 
</d> 
</div> 
</div> 


在 CSS 样式 文件 中 定义 #main， 代 码 如 下 。 


#main #mainareal 

dl{ 
width:280px:; 
height:312px: 
text-align:center: 
float:left: 
margin-top: 34px; 

} 

#main #mainarea2 

d{ 
width:280px:; 
height:311px: 
text-align:center; 
float:left: 
margin-top: 20px; 

} 

#main #mainarea3 

df 
width:280px: 
height:308px: 
float:left: 


text-align:center; 
margin-top: 11px: 
margin-left: Opx: 
b 
#main #mainarea4 
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df 
width:280px; 
height:305px: 
text-align:center; 
margin-top: Opx; 
} 


此 时 页 面 效 果 如 图 7-24 所 示 。 




















图 7-24 定义 main 层 之 后 的 页 面 效果 


定义 footer 层 ， 代 码 如 下 。 


<div id="footer"> 

<br> 

版 权 所 有 : Web Design I Love CSS--<a href="#" title="">www.website.com</a> 未 经 本 站 同意 ， 
</div> 


在 CSS 文件 中 定义 #footer， 代 码 如 下 。 
#footer 


width:1173px; 

height:S0px: 

margin-top:8px; 
} 


保存 样式 表 文 件 ， 切 换 到 页 面 安 的 【设计 】 视 图 ， 显 示 如 图 7-21 所 示 的 效果 。 


7.3 主题 








网 站 的 美观 主要 涉及 页 面 和 控件 的 样式 属性 。 在 ASP.NET 应 用 程序 中 ， 可 以 利 











CSS 控制 各 元 素 的 样式 以 及 部 分 服务 器 控件 的 样式 ， 但 是 ， 有 些 服务 器 控件 的 属性 无 法 通 
过 CSS 进行 控制 。 为 了 解决 这 个 问题 ，ASPNET 提供 了 一 种 称 为 “主题 ”的 新 方式 ， 它 
可 以 保持 网 站 外 观 的 一 致 性 和 独立 性 ， 同 时 使 页 面 的 样式 控制 更 加 灵活 方便 。 例 如 ， 动 态 
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实现 不 同 用 户 界面 的 切换 。 
7.3.1 主题 概述 


主题 是 指 页面 和 控件 外 观 属性 设置 的 集合 。 主题 由 一 个 文件 组 构成 , 包括 皮肤 文件 ( 扩 
展 名 为 .skin)、 级 联 样 式 表 文 件 (扩展 名 为 .css)、 图 片 和 其 他 资源 等 ， 一 个 主题 至 少 包 含 一 个 
皮肤 文件 。 
主题 分 为 两 大 类 型 ， 一 类 是 应 用 程序 主题 ， 另 一 类 是 全 局 主题 。 

应 用 程序 主题 是 指 保存 在 Web 应 用 程序 的 App_Themes 文 件 夹 下 的 一 个 或 多 个 主题 文 
件 夹 ， 主 题 的 名 称 就 是 文件 夹 的 名 称 。 

全 局 主题 是 指 保存 在 服务 器 上 ， 根 据 不 同 的 服务 器 配置 决定 的 ， 能 够 对 服务 器 上 所 有 
Web 应 用 程序 起 作用 的 主题 文件 夹 。 

- 般 情况 下 ， 很 少 用 到 全 局 主题 ， 而 本 书 所 讲 的 主题 仅 指 应 用 程序 主题 ， 即 保存 在 应 

用 程序 中 App_Themes 文件 夹 下 的 主题 文件 夹 ， 简 称 主题 。 

打开 一 个 Web 应 用 程序 ， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 项 目 名 ， 选 择 【 添 
加 】|【 添 加 ASP.NET 文件 夹 】 | 主题 】 命 令 ， 系 统 自 动 生成 App_Themes 文件 夹 ， 并 在 
该 文件 夹 下 生成 一 个 默认 名 为 “主题 1” 的 文件 夹 。 在 App_Themes 文件 夹 中 可 以 创建 多 
个 主题 ， 方 法 相同 。 

1. 皮肤 文件 

皮肤 文件 是 主题 的 核心 文件 ， 也 称 为 外 观 文件 ， 专 门 用 于 定义 服务 器 控件 的 外 观 。 在 
主题 中 可 以 包含 一 个 或 多 个 皮肤 文件 ， 后 缀 名 为 .skin。 

在 控件 皮肤 设置 中 ， 只 能 包含 主题 的 属性 定义 ， 如 样式 属性 、 模 板 属性 、 数 据 绑 定 表 
达 式 等 ， 不 能 包含 控件 的 ID， 如 Label 控件 的 皮肤 设置 代码 如 下 。 

<asp:Label runat="server" BackColor="Blue" Font-Names="Arial Narrow" /> 


这 样 一 旦 将 该 皮肤 应 用 到 Web 页 面 中 ， 则 所 有 的 Label 控件 都 将 显示 皮肤 所 设置 的 
样式 。 

右 击 某 一 个 “主题 ”文件 夹 ， 选 择 【 添 加 】| 【新建 项 】 命 令 ， 在 弹出 对 话 框 中 选择 
SkinFile， 并 在 【名 称 】 文 本 框 中 修改 皮肤 文件 名 ， 单 击 【添加 】 按 钮 即 可 添加 一 个 皮肤 文 
件 。 同 样 的 方法 可 以 添加 多 个 皮肤 文件 。 


2. 级 联 样式 表 文件 


主题 中 可 以 包含 一 个 或 多 个 CSS 文件 ， 一 旦 CSS 文件 被 放 在 主题 中 ， 则 应 用 时 无 须 
再 在 页 面 中 指定 CSS 文件 链接 ， 而 是 通过 设置 页 面 或 网 站 所 使 用 的 主题 即 可 ， 当 主题 得 到 
应 用 时 ， 主 题 中 的 CSS 文件 会 自动 应 用 到 页 面 中 。 

右 击 某 一 个 “主题 1” 文 件 夹 ， 选 择 【 添 加 】|【 新 建 项 】 命 令 ， 在 弹出 的 对 话 框 中 选 
择 SkinFile， 并 在 【名 称 】 文 本 框 中 修改 样式 表 文 件 名 ， 单 击 【添加 】 按 钮 即 可 添加 一 个 
样式 表 文 件 。 同 样 的 方法 可 以 添加 多 个 样式 表 文 件 。 
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如 图 7-25 所 示 创 建 了 两 个 主题 ， 分 别 是 “主题 1” 和 


扩 率 解 块 方 守 资 源 管理 曙 (Ctrl+;) 户 ~ 





“主题 2”， 其 中 分 别 包 含 了 两 个 皮肤 文件 。 财 解 交 方案 -Website7-(1 个 项 和 
4 鸡 website7 
b ££ properties 
7.3.2 在 主题 中 定义 外 观 a 
4 如 主要 1 
ASPNET 使 得 将 预定 义 的 主题 应 用 于 页 面 或 创建 唯 sa 
-主题 的 操作 变 得 更 容易 。 下 面 通过 一 个 简单 的 例子 来 说 Stilth 
明定 义 外 观 的 方法 。 Ne 
【 例 7-8】 创建 一 个 包含 简单 外 观 的 主题 ， 这 些 外 观 用 ime 
于 定义 控件 的 外 观 。 图 7-25 定义 多 个 主题 


(1) 在 VS 中 ， 右 击 网 站 名 WebSite7， 选 择 【 添 加 
ASP.NET 文件 夹 】| 【主题 】 命 令 ， 将 创建 名 为 App_Themes 的 文件 夹 和 名 为 “主题 1” 的 
子 文件 夹 。 将 【主题 1】 文件 夹 重 命名 为 Themel1， 此 文件 夹 名 将 成 为 创建 的 主题 的 名 称 。 
(2) 右 击 Themel 文件 夹 ， 选 择 【 添 加 】| 【新建 项 】 命 令 ， 添 加 一 个 外 观 文件 
sampleSkin.skin。 在 sampleSkin.skin 文件 中 ， 按 如 下 代码 所 示 的 方法 添加 外 观 定义 。 














<asp:Label runat="server" ForeColor="red" Font-Size="14pt" Font-Names="Verdana" /> 
<asp:button runat="server" Borderstyle="Solid" Borderwidth="2px" Bordercolor="Blue" 
Backcolor="yellow"/> 
外 观 定义 与 创建 控件 的 语法 类 似 ， 不 同 之 处 在 于 ， 定 义 只 包括 影响 控件 外 观 的 设置 ， 
不 包括 控件 的 ID 属性 设置 。 
(3) 保存 该 外 观 文件 。 
(4) 新 建 一 个 网 页 example7-8.aspx， 切 换 到 【设计 】 视 图 中 ， 添 加 1 个 标签 控件 和 1 
个 按钮 控件 ， 如 图 7-26 所 示 。 
(5) 在 【属性 】 面 板 中 选择 Document 元 素 ， 设 置 Theme 属性 的 值 为 Theme1l， 切 换 到 
【 源 】 视 图 中 ， 会 发 现代 码 第 1 行 的 @ Page 指令 中 添加 了 下 面 的 属性 。 
<9%Q@ Page ... Theme="Theme1"%> 


(6) 保存 文件 ， 按 Ctrl+F5 组 合 键 执行 该 页 面 查看 设置 效果 ， 如 图 7-27 所 示 。 


example7.8aspx 1 X 
be 


x 
oe hp//ocalhost15 P - BO 


= 
Hello ASP.NET World 
了 
a - Hello,ASP.NET World 





， 
tT ] 的 | 。 适 | 团 <aspauttoneeutonl> 加 


图 7-26 设置 外 观 前 图 7-27 设置 外 观 后 
在 该 网 页 文件 中 ， 变 更 所 使 用 的 主题 ， 然 后 再 按 CtrltF5 组 合 键 运行 程序 ， 控 件 将 再 
次 更 改 外 观 为 相应 的 主题 。 
在 皮肤 文件 中 ， 系 统 没有 提供 控件 属性 设置 的 智能 提示 功能 。 因 此 ， 一 般 不 直接 在 皮 
肤 文件 中 定义 控件 外 观 ， 而 是 先 在 页 面 中 设置 控件 的 属性 ， 然 后 再 将 自动 生成 的 代码 复制 
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到 外 观 文件 中 。 因 此 ，【 例 7-8】 也 可 以 用 下 面 的 方法 来 实现 。 

【 例 7-8】 定 义 并 应 用 皮肤 文件 。 

(1) 创建 一 个 Web 页 面 ， 添 加 相应 的 控件 并 设置 其 外 观 。 

(2) 新 建 一 个 主题 ， 将 Web 页 面 中 相应 控件 的 源 代码 复制 到 该 主题 的 皮肤 文件 中 ， 并 
去 掉 所 有 控件 的 IJD 属性 。 

(3) 在 其 他 页 面 的 【属性 】 面 板 中 选择 Document 元 素 ， 设 置 Theme 属性 的 值 为 相应 
的 主题 即 可 。 

如 果 希 望 某 些 控件 的 外 观 和 页 面 中 具有 相同 类 型 的 其 他 控件 的 外 观 不 一 样 ， 则 可 以 直 
接 在 皮肤 文件 中 指定 ， 即 在 .skin 文件 中 给 指定 控件 添加 一 个 SkinID 属性 。 例 如 ， 在 【 例 
7-9】 中 增加 一 个 按钮 ， 其 外 观 定义 成 如 下 样式 。 

<asp:Button runat="server" SkinID="GreenButton" Borderstyle="dotted" Borderwidth="2px" 

Bordercolor="red" Backcolor="Green"/> 

修改 按钮 控件 的 SkinID 属性 的 值 为 GreenButton。 这 样 ， 新 增加 的 按钮 就 和 原来 的 按 
钮 显示 了 不 同 的 外 观 。 


7.3.3 在 主题 中 同时 定义 外 观 和 样式 表 


【 例 7-9】 定义 并 应 用 了 一 个 皮肤 文件 ， 实 际 上 ， 在 主题 中 还 可 以 定义 CSS 文件 。 要 想 
让 定义 的 CSS 文件 起 作用 ， 需 要 在 网 页 文件 中 设置 StyleSheetTheme 属性 为 定义 的 主题 即 
可 。 

【 例 7-10】 演 示 如 何在 网 页 文件 中 同时 使 用 皮肤 文件 和 样式 表 文件 。 

(1) 在 VS 中 ， 右 击 网 站 名 WebSite7， 选 择 【 添 加 】| 【添加 ASP.NET 文件 夹 】 |【 主 
题 】 命 令 ， 将 创建 名 为 App_Themes 的 文件 夹 和 名 为 “主题 1” 的 子 文件 夹 。 将 【主题 1】 
文件 夹 重 命名 为 Theme2。 此 文件 夹 名 将 成 为 创建 的 主题 的 名 称 。 

(2) 右 击 Theme2 文件 夹 ， 选 择 【 添 加 】| 【新 建 项 】 命 令 ， 添 加 一 个 新 的 外 观 文件 ， 
然后 将 该 文件 命名 为 Skinl.skin。 在 Skinl.skin 文件 中 ,添加 网 页 文件 中 要 用 到 的 所 有 控件 
的 外 观 定义 ， 注 意 不 能 含有 任何 控件 的 ID， 外 观 代码 如 下 。 















































<asp:Label runat="server" BackColor="#FFFFCC" BorderColor="#6600FF" 
BorderStyle="Solid" BorderWidth="4px" Font-Bold="True" Font-Names=" 华 文 彩云 " 
Font-Size="XX-Large" ForeColor="#CC0099" style="text-align: center" Width="206px"> 

</asp:Label> 

<asp:Button runat="server" BackColor="#3333CC" BorderColor="#000099" 

Font-Bold="Tre" Font-Size="Medium" ForeColor="White"/> 

<asp:TextBox runat="server" BackColor="#99FFCC" Columns="10"></asp:TextBox> 


(3) 在 主题 Theme2 文件 夹 下 ， 添 加 一 个 Stylesheetl.css 的 样式 文件 ， 其 代码 如 下 。 


-stylel “人 # 用 于 修饰 表格 */ 
{ 
width: 200px: 
border-collapse: collapse: 
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border: 1px solid #800080; 
b 
-style2 ”* ”用 于 修饰 单元 格 */ 
{ 


font-family: 幼 圆 ; 
font-size: large; 
font-weight: bold; 
} 
(4) 新 建 一 个 Web 页 面 example7-9.aspx, 切换 到 【设计 】 视 图 , 添加 表格 和 相应 控件 ， 
其 最 终 效 果 如 图 7-28 所 示 。 
修改 当前 页 面 的 Document 中 属性 StyleSheetTheme 的 值 为 Theme2， 即 可 看 到 引入 皮 
肤 和 样式 表 文 件 后 的 最 终 显 示 效 果 ， 如 图 7-29 所 示 。 























Er e 
Toa > 
本 密码 
ER 
EE a 拆 分 1。 源 | 轩 rr 岳 ii |] 折 分 1。 源 | 国 | 
图 7-28 没有 引入 皮肤 和 样式 前 的 效果 图 7-29 引入 皮肤 和 样式 后 的 效果 


需要 注意 的 是 ， 创 建 了 主题 后 ， 可 以 定制 如 何在 应 用 程序 中 使 用 主题 ， 操 作 方法 为 : 
将 主题 作为 自 定义 主题 与 网 页 文件 关联 ， 或 者 将 主题 作为 样式 表 主 题 与 网 页 文件 关联 。 样 
式 表 主 题 和 自 定义 主题 都 使 用 相同 的 主题 文件 ， 但 是 样式 表 主题 在 网 页 文件 的 控件 和 属性 
中 的 优先 级 最 低 。 在 ASPNET 中 ， 优 先 级 的 顺序 从 高 到 低 如 下 。 

(1) 主题 设置 ， 包 括 Web.config 文件 中 设置 的 主题 。 

(2) 本 地 网 页 文件 的 样式 属性 。 

(3) 样式 表 主 题 。 

如 果 选 择 使 用 样式 表 主 题 ， 则 在 网 页 文件 中 本 地 声明 的 任何 样式 信息 都 将 覆盖 样式 表 
主题 的 属性 。 同 样 ， 如 果 使 用 自 定义 主题 ， 则 主题 的 属性 将 覆盖 本 地 网 页 文件 中 设置 的 任 
何 样式 内 容 ， 以 及 使 用 中 的 任何 样式 表 主 题 中 的 任何 内 容 。 


7.3.4 利用 主题 实现 换 肤 


前 面 介 绍 了 如 何 指定 页 面 主题 的 方法 ， 但 没有 涉及 后 台 代码 。 但 在 实际 使 用 中 ， 可 能 
需要 通过 后 台 代码 来 控制 主题 的 指定 。 例 如 ， 通 过 按钮 来 为 页 面 指定 不 同 的 主题 ， 以 实现 
换 肤 功 能 ， 如 QQ 软件 、 浏 览 器 的 换 肤 功能 。 

下 面 的 【 例 7-11】 使 用 设计 器 来 设置 控件 外 观 属性 ， 然 后 将 生成 的 代码 复制 到 外 观 文 
件 ， 通 过 基于 现 有 控件 来 创建 自 定义 主题 ， 这 是 非常 简单 的 一 种 方法 。 

【 例 7-11】 利 用 主题 实现 换 肤 功能 。 

(1) 在 VS 中 ， 右 击 网 站 名 WebSite7， 选 择 【添加 】|【 添 加 ASPNET 文件 夹 】|【 主 
题 】 命 令 ， 将 在 App_Themes 的 文件 夹 下 创建 名 为 “主题 1” 的 子 文件 夹 。 将 【主题 1】 文 
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件 夹 重 命名 为 Theme3。 此 文件 夹 名 将 成 为 创建 的 第 一 个 主题 的 名 称 。 同 样 的 方法 创建 第 
二 个 主题 ， 重 命名 为 Theme4。 

(2) 右 击 Theme3 文件 夹 ， 选 择 【 添 加 】| 【新建 项 】 命 令 ， 添加 一 个 新 的 外 观 文件 ， 
重 命 名 为 Skinl.skin。 同 样 ， 在 Theme4 文件 夹 中 添加 一 个 外 观 文 件 ， 重 命名 为 Skin2.skin。 

(3) 新 建 一 个 Web 页 面 example7-11.aspx， 切 换 到 【设计 】 视 图 ， 添加 2 个 “日 历 ” 
控件 ， 设 置 第 1 个“ 日历 ”控件 的 自动 套用 格式 为 “专业 型 1”， 设 置 第 2 个 “日 历 ” 控 
件 的 自动 套用 格式 为 “专业 型 2”。 切 换 到 【 源 】 视 图 ， 并 复制 这 两 个 <asp:calendar> 元 素 
及 其 属性 , 分 别 粘 贴 到 Skin1.skin 文件 中 和 Skin2.skin 
文件 中 。 然 后 删除 每 一 个 <asp:calendar> 元 素 中 的 ID 




















< 2015 年 2 月 > 
属性 。 保 存 这 两 个 皮肤 文件 。 周一 周二 周三 周 四 周 五 周 六 赂 日 
(4) 切换 到 example7-11.aspx 页 面 ， 将 一 个 “日 9 0 
历 ” 控 件 拖 动 到 页 上 ， 不 要 设置 该 控件 的 任何 属性 ; 加 a 天 和 4 3 1 
然后 再 添加 两 个 “按钮 ”控件 。 效 果 如 图 7-30 所 示 。 ER EGG 
(5) 双击 【专业 型 1】 按 钮 ， 为 其 Click 事件 创 图 7-30 没有 引入 主题 的 日 历 





建 一 个 处 理 程序 ， 代 码 如 下 。 


protected void Button1 Click(object sender, EventArgs e) 


tt 
Session["themepage"] = "Theme3"; // 将 专业 型 1 主题 保存 到 Session 中 
Response.Redirect(Request.Url.ToStringO); 

b; 


(6) 双击 【专业 型 2】 按钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 代 码 如 下 。 


protected void Button2_Click(object sender, EventArgs e) 
{ 


Session["themepage"] = "Theme4"; ”// 将 专业 型 2 主题 保存 到 Session 中 
Response.Redirect(Request.Url.ToStringO); 
} 
(7) 在 类 定义 中 再 添加 如 下 代码 。 
void Page_PreInit(object sender, EventArgs e) 


if (Session["themepage"] != null) 


{ 
this.Theme = (String)Session["themepage"]; 
} 
else 
{ 
this.Theme = "Theme3"; / 默认 加 载 专业 型 1 主题 
} 


} 


(8) 测试 运行 效果 。 在 Default.aspx 页 中 按 Ctrl+F5 组 合 键 运行 此 页 面 ， 此 时 会 在 浏览 
器 中 呈现 ， 默 认 以 专业 型 1 主题 显示 日 历 ， 如 图 7-31 所 示 。 单 击 【专业 型 2】 按 钮 ， 以 
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专业 型 2 主题 显示 日 历 ， 如 图 7-32 所 示 。 单 击 不 同 的 按钮 就 可 以 实现 换 肤 的 效果 了 。 


htop:/ocalhost'558/e D+ BC 区, 汪汪. CS hp/nocalhost'sss/e P - Eo. 


2015 年 2 月 


局 天 
汉 
1 
了 
28 


























图 7-31 专业 型 1 主题 图 7-32 专业 型 2 主题 


前 面 的 内 容 都 是 将 主题 应 用 于 某 一 个 页 面 文件 ， 其 实 还 可 以 将 一 个 主题 应 用 于 整个 网 
站 。 为 网 站 设置 主题 的 方法 如 下 。 

(1) 打开 网 站 的 配置 文件 Web.config， 在 <system.web> 元 素 内 部 添加 <pages> 元 素 。 

(2) 将 下 列 属性 添加 到 <pages> 元 素 中 。 








<pages theme="sampleTheme" /> 
(3) 保存 并 关闭 Web.config 文件 。 
(4) 打开 所 有 包含 主题 的 页 面 ， 并 切换 到 【 源 】 视 图 ， 从 页 声明 中 移 除 theme= 
"themeName" 属性 。 
此 后 ， 网 站 中 所 有 页 面 都 将 使 用 Web.config 文件 中 指定 的 主题 显示 。 如 果 选 择 在 某 
-个 页 面 文件 的 声明 中 再 指定 一 个 主题 名 称 , 则 该 主题 名 称 将 覆盖 Web.config 文件 中 指定 
的 任何 主题 。 


7.4 母 版 页 


在 Web 站 点 开发 中 ， 有 很 多 元 素 ， 如 站 点 标题 、 公 共 导 航 以 及 版 权 信息 等 ， 会 出 现在 
每 一 个 页 面 中 ， 这 些 元 素 的 一 致 布局 会 让 用 户 知 道 自己 始终 是 在 同一 个 站 点 中 。 虽 然 这 些 
元 素 可 以 通过 在 XHTML 中 使 用 包含 文件 构建 ， 但 ASPNET 提供 了 更 加 健壮 的 母 版 页 技 
术 来 实现 。 


7.4.1 母 版 页 和 内 容 页 的 概念 


母 版 页 是 用 于 设置 页 面 外 观 的 模板 ， 是 一 种 特殊 的 ASPNET 网 页 文件 ， 同 样 也 具有 
其 他 ASPNET 文件 的 功能 ， 如 添加 控件 、 设 置 样式 等 ， 只 不 过 扩展 名 是 .master。 在 母 版 页 
中 ， 界 面 被 分 为 公用 区 和 可 编辑 区 ， 公 用 区 的 设计 方法 与 一 般 页 面 的 设计 方式 相同 ， 可 编 
辑 区 用 ContentPlaceHolder 控件 预 留 出 来 。 
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引用 母 版 页 的 .aspx 页 面 称 为 内 容 页 ， 在 内 容 页 中 ， 母 版 页 的 ContentPlaceHolder 控件 
预 留 的 可 编辑 区 会 被 自动 蔡 换 为 Content 控件 , 开发 人 员 只 需要 在 Content 控件 区 域 中 填充 
内 容 即 可 。 在 母 版 页 中 定义 的 其 他 标记 将 自动 出 现在 引用 该 母 版 页 的 .aspx 页 面 中 ， 母 版 页 
的 部 分 以 灰色 显示 ， 表 示 不 能 修改 这 些 内 容 。 

每 一 个 母 版 页 中 可 以 包含 一 个 或 多 个 内 容 页 。 使 用 母 版 页 可 以 统一 管理 和 定义 具有 相 
同 布局 风格 的 页 面 ， 给 网 页 设计 和 修改 带 来 极 大 的 方便 。 母 版 页 的 优点 如 下 。 

(1) 使 用 母 版 页 可 以 集中 处 理 页 的 通用 功能 ， 以 便 可 以 只 在 一 个 位 置 进行 更 新 。 

(2) 使 用 母 版 页 可 以 方便 地 创建 一 组 控件 和 代码 ， 并 将 结果 应 用 于 一 组 新 的 页 面 。 

(3) 通过 允许 控制 占 位 符 控件 的 呈现 方式 ， 母 版 页 可 以 在 细节 上 控制 最 终 页 的 布局 。 

(4) 母 版 页 提供 一 个 对 象 模型 ， 使 用 该 对 象 模型 可 以 从 各 个 内 容 页 自 定义 母 版 页 。 

在 使 用 母 版 页 时 ， 母 版 页 中 使 用 的 图 片 和 超 链接 应 尽量 使 用 服务 器 端 控件 来 实现 ， 如 
Image 和 HyperLink 控件 ， 即 使 控件 不 需要 服务 器 代码 也 是 如 此 。 这 是 因为 将 设计 好 的 母 
版 页 或 内 容 页 移动 到 另 一 个 文件 夹 时 ， 如 果 使 用 的 是 服务 器 控件 ， 即 使 不 改变 服务 器 控件 
的 URL，ASPNET 也 可 以 正确 解析 ， 并 自动 将 其 URL 改 为 正确 的 位 置 。 但 是 如 果 使 用 了 
普通 HTML 标记 ， 那 么 ASPNET 将 无 法 正确 解析 这 些 标记 的 URL， 从 而 导致 图 片 不 能 显 
示 和 链接 失败 ， 不 方便 维护 。 


7.4.2 创建 母 版 页 和 内 容 页 


创建 母 版 页 的 方法 和 创建 一 般 页 面 的 方法 非常 相似 ， 区 别 是 母 版 页 无 法 单独 在 浏览 器 
中 查看 ， 必 须 通 过 创建 内 容 页 才能 浏览 。 下 面 的 【 例 7-8】 中 ， 母 版 页 包含 一 个 标题 、 一 个 
导航 菜单 和 一 个 页 脚 ， 这 些 内 容 将 在 站 点 的 每 个 页 面 中 出 现 。 在 母 版 页 中 包含 一 个 内 容 占 
位 符 ， 这 是 母 版 页 中 的 一 个 可 变 区 域 ， 可 以 使 用 内 容 页 中 的 信息 来 替换 此 区 域 。 

【 例 7-12】 设 计 如 图 7-33 所 示 的 名 为 Masterl.Master 的 母 版 页 ， 然 后 设计 两 个 引用 母 
版 页 的 内 容 页 Index.aspx 和 Aboutaspx， 运 行 效 果 分 别 如 图 7-34 和 图 7-35 所 示 。 
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图 7-33 母 版 页 布局 


(1) 在 VS 的 【解决 方案 资源 管理 器 】 中 右 击 网 站 名 称 ， 然 后 单 击 【 添 加 】| 【新建 项 】 
命令 ， 然 后 在 弹出 对 话 框 中 单 击 MasterPage。 在 【名 称 】 文 本 框 中 输入 Masterl1.Master， 
如 图 7-36 所 示 ， 然 后 单 击 【添加 】 按 钮 ， 即 会 在 【 源 】 视 图 中 打开 新 的 母 版 页 。 

观察 母 版 页 的 源 代码 , 在 页 面 的 顶部 是 一 个 @ Master 声明 , 而 不 是 通常 在 ASPNET 
页 顶部 看 到 的 @ Page 声明 ， 指 令 如 下 。 


<%(@ Master Language="C#" AutoEventWireup="true" CodeBehind="Masterl .master.cs" 
Jnherits="WebSite7.Masterl" %> 
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主页 效果 图 7-35 “关于 ”页 效果 


排序 依据 : 默认 值 - 至 攻 惠 雪 已 实 半 模板 (Ctrl + 昌 





门 wpssecorrol Visual cs 类 :Visual cx 
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图 7-36 创建 母 版 页 


此 外 ， 页 面 的 主体 还 包含 一 个 ContentPlaceHolder 控件 ， 这 是 母 版 页 中 的 一 个 区 域 ， 
其 中 的 可 替换 内 容 将 在 运行 时 由 内 容 页 合并 。 为 了 方便 母 版 页 的 编辑 ， 通 常情 况 下 先 将 
ContentPlaceHolder 控件 删除 ， 母 版 页 编辑 完成 后 再 放置 ContentPlaceHolder 控件 。 

(2) 切换 到 【设计 】 视 图 ， 删 除 ContentPlaceHolder 控件 ， 然 后 单 击 页 面 中 的 层 ， 插 入 

-个 4 行 1 列 的 表格 ， 边 框 设置 为 1， 表格 的 width 设置 为 780 像素 。 

(3) 插入 表格 后 ， 可 以 将 内 容 添加 到 母 版 页 ， 此 内 容 将 在 所 有 页 面 上 显示 。 例 如 ， 可 
以 在 表格 第 1 行 添加 “标题 栏 ”， 第 2 行 添加 1 个 Menu 控件 ， 第 3 行 添加 1 个 
ContentPlaceHolder 控件 , 控件 的 ID 属性 为 ContentPlaceHolderl ， 可 以 修改 这 个 名 字 , 第 


4 行 添加 “版 权 信息 ”。 


其 中 








P Menmu 控件 的 设置 内 容 如 下 。 





e 将 Menu 控件 的 Orientation 属性 设置 为 Horizontal。 

e 单 击 Menu 控件 上 的 智能 标记 ， 选 择 【编辑 菜单 项 】 命 令 ， 然 后 在 【菜单 项 编辑 
器 】 对 话 框 中 单 击 【添加 根 项 】 命 令 图 标 两 次 ， 添 加 两 个 菜单 项 。 

。 单 击 第 一 个 节点 ， 将 Text 设置 为 “主页 ”， 将 NavigateUrl 设置 为 mdex.aspx。 

。 单 击 第 二 个 节点 ， 将 Text 设置 为 “关于 ”， 将 NavigateUrl 设置 为 About.aspx。 
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然后 就 要 为 母 版 页 添加 两 个 带 有 内 容 的 页 面 。 第 一 个 是 主页 ， 第 二 个 是 “关于 ”页 面 。 

(4) 在 【解决 方案 资源 管理 器 】 中 右 击 Masterl master， 然 后 选择 【添加 】|【 内 容 页 】 
命令 ,新建 并 打开 WebForml.aspx， 重 命名 为 Index.aspx。 该 页 面包 含 一 个 @ Page 指令 ， 
此 指令 将 当前 页 附加 到 带 有 Masterl 属性 的 选 定 母 版 页 ， 如 下 代码 所 示 。 








<%(@ Page Title="" Language="C#" MasterPageFile="~/Masterl.Master" AutoEventWireup="true" 
CodeBehind="Index.aspx.cs" Inherits="WebSite7.WebForm1l" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="head" runat="server"> 

</asp:Content> 

(5) 切换 到 【设计 】 视 图 。 母 版 页 中 的 ContentPlaceHolder 控件 在 新 的 内 容 页 中 显示 
为 Content 控件 。 而 其 他 的 母 版 页 内 容 显示 为 浅 灰 色 ， 表 示 在 编辑 内 容 页 时 不 能 更 改 这 些 
内 容 。 在 与 母 版 页 上 的 ContentPlaceHolderl 匹配 的 Content 控件 中 ， 输 入 主页 要 显示 的 内 
容 ， 然 后 选择 文本 ， 通 过 从 【工具 箱 】 上 的 【 块 格式 】 下 拉 列 表 中 选择 【标题 2】， 保 存 
页 面 。 

(6) 使 用 同样 的 方法 创建 “关于 ”内 容 页 ， 名 字 为 About.aspx。 

(7) 设置 Index.aspx 为 起 始 页 ， 按 CtrltF5 组 合 键 运行 并 测试 这 个 站 点 。ASP.NET 将 
Index.aspx 页 的 内 容 与 Masterl.master 页 的 布局 合并 到 单个 页 面 ， 并 在 浏览 器 中 显示 产生 
的 页 面 。 需 要 注意 的 是 ， 此 页 的 URL 为 Index.aspx， 浏 览 器 中 是 不 存在 对 母 版 页 的 引用 
的 。 单 击 “ 关 于 ”链接 ， 显 示 About.aspx 页 ， 它 也 是 和 Masterl.master 页 合并 的 结果 。 


7.4.3 ”从 内 容 页 访问 母 版 页 的 成 员 


利用 内 容 页 的 后 台 代码 可 以 引用 母 版 页 上 的 成 员 ， 包 括 母 版 页 上 的 任何 公共 属性 或 广 
法 以 及 任何 控件 。 要 实现 内 容 页 对 母 版 页 中 定义 的 属性 或 方法 进行 访问 ， 则 该 属性 或 方法 
必须 声明 为 公共 成 员 (public)， 也 可 以 对 母 版 页 动态 地 进行 访问 。 

1. 访问 母 版 页 的 公共 成 员 

要 想 在 内 容 页 中 访问 母 版 页 上 的 属性 ， 必 须 在 母 版 页 上 先 创建 一 个 属性 ， 创 建 方法 
如 下 : 

(1) 切换 到 或 打开 Masterl.master。 在 【解决 方案 资源 管理 器 】 中 右 击 Masterl.master， 
然后 单 击 【 查 看 代码 】 命令 ， 打 开 代 码 编辑 器 。 

(2) 在 类 定义 中 输入 以 下 代码 。 


public String WebSiteName 
{ 








get { retum (String) ViewState["WebsiteName"]; } 
set { ViewState["WebsiteName"] = value: } 
} 
此 代码 为 母 版 页 创建 名 为 WebSiteName 的 属性 。 在 视图 状态 中 存储 此 值 ， 以 便 在 访 
问 期 间 保持 不 变 。 
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G) 在 类 定义 中 再 添加 以 下 代码 。 
void Page_Init(Object sender, EventArgs e) 


this.WebSiteName = " 母 版 页 测试 "; 
} 
接 下 来 修改 内 容 页 ， 通 过 引用 WebSiteName 属性 ， 来 使 用 母 版 页 的 公共 成 员 。 
(4) 切换 到 或 打开 Index.aspx 页 ， 并 切换 到 该 页 的 【 源 】 视图。 在 页 面 顶部 的 @ Page 
指令 下 ， 添 加 下 面 的 @ MasterType 指令 。 


<9%@ MasterType virtualpath="~/Masterl.master" %> 


此 指令 的 作用 是 将 内 容 页 的 Master 属性 绑 定 到 Masterl.master 页 。 
(5) 切换 到 【设计 】 视 图 ， 在 Content 控件 中 ， 增 加 一 行内 容 “ 该 网 站 是 关于 ”。 
(6) 从 【工具 箱 】 中 将 Label 控件 拖 动 到 Content 控件 上 ， 并 将 其 放置 到 静态 文本 的 
后 面 ， 使 文本 如 下 。 
该 网 站 是 关于 [Label] 
(7) 在 【解决 方案 资源 管理 器 】 中 右 击 Index.aspx， 然 后 单 击 【 查 看 代码 】 打 开 代 码 编 
辑 器 。 在 类 定义 中 添加 下 面 的 代码 。 


void Page_ Load(Object sender, EventArgs e) 


{ 
Labell.Text = Master. WebSiteName: 


) 
(8) 测试 内 容 页 ， 切 换 到 或 打开 Index.aspx 页 ， 然 后 按 CtrltF5 组 合 键 运行 页 面 。 页 
面 即 会 在 浏览 器 中 显示 ， 其 中 文本 为 “该 网 站 是 关于 母 版 页 测试 ”。 
(9) 修改 母 版 页 中 属性 的 值 ， 重 新 运行 页 面 将 看 到 新 的 属性 值 显示 在 页 面 中 。 


2. 动态 访问 母 版 页 


有 些 时 候 ， 程 序 员 希 望 能 够 动态 更 改 母 版 页 ,即使 用 代码 为 内 容 页 指定 母 版 页 。 例 如 ， 
允许 用 户 根据 喜好 从 几 个 布局 中 进行 选择 。 

首先 ， 要 保证 网 站 中 有 不 少 于 两 个 母 版 页 ， 然 后 创建 按钮 ， 以 使 用 户 能 够 在 两 个 母 版 
页 之 间 进 行 选择 切换 。 在 下 面 的 示例 中 ， 第 二 个 母 版 页 和 第 一 个 母 版 页 非常 相似 ， 只 是 将 
标题 栏 和 版 权 信息 的 字体 稍 作 修 改 。 具 体操 作 步 骤 如 下 。 

(1) 切换 到 或 打开 Masterl master， 在 【工具 箱 】 中 
































将 LinkButton 按钮 控件 拖 动 到 页 面 上 ， 并 将 其 放置 在 标 标题 栏 变换 字体 的 样式 
题 栏 内 容 的 右边 。 三 页 关于 

(2) 将 按钮 控件 的 Text 属性 设置 为 “变换 字体 的 eh 
样式 ”， 如 图 7-37 所 示 。 图 7.37 修改 后 的 Masterl 的 


设计 界面 
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(3) 双击 此 按钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 然 后 添加 以 下 代码 。 
void LinkButton] Click(Object sender, EventArgs e) 
{ 


Session["masterpage"] = "Master2 .master": 
Response.Redirect(RequestUrlLToStrngO): 
此 代码 将 第 二 个 母 版 页 的 文件 名 加 载 到 一 个 持久 的 会 话 变量 中 ， 然 后 重新 加 载 当前 页 。 
(4) 创建 第 二 个 母 版 页 ， 内 容 和 Masterl.master 完全 相同 ， 只 是 字体 效果 不 同 ， 和 
Masterl 一 样 ， 添 加 1 个 LinkButton 控件 ， 并 将 其 Text 属性 设置 为 “返回 正常 样式 ”。 如 
图 7-38 所 示 。 


主页 关 云 


该 网 站 是 关于 [Labe11] 
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图 7-38 Master2 的 效果 
(5) 双击 此 按钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 然 后 添加 下 面 的 代码 。 


void LinkButton1_Click(Obiect sender, EventArgs e) 
1 
Session["masterpage"] = "Masterl] .master": 


Response.Redirect(RequestUrlL.ToStringO): 
} 
此 代码 与 Masterl.master 页 中 按钮 的 代码 类 似 ， 不 同 之 处 在 于 它 加 载 第 一 个 母 版 页 。 
最 后 一 步 是 在 内 容 页 中 编写 代码 ， 此 代码 将 动态 加 载 用 户 选 定 的 母 版 页 。 
(6) 切换 到 或 打开 About.aspx 页 。 在 【解决 方案 资源 管理 器 】 中 右 击 About.aspx， 然 
后 单 击 【查看 代码 】 命 令 ， 打 开 代码 编辑 器 。 在 类 定义 中 添加 如 下 代码 。 


void Page_PreInit(Object sender, EventArgs e) 





if(Session["masterpage"] != null) 
H 
this.MasterPageFile = (String) Session["masterpage"]; 
} 
} 

此 代码 将 当前 页 的 MasterPageFile 属性 的 值 设置 为 会 话 变 量 中 的 值 (如 果 有 )。 此 代码 
必须 在 Page_PreInit 处 理 程序 中 运行 ， 因 为 必须 建立 母 版 页 ， 使 得 页 面 可 以 创建 其 实例 ， 
然后 可 以 进一步 初始 化 。 

(7) 测试 动态 母 版 页 。 在 About.aspx 页 中 按 Ctrl+F5 组 合 键 运行 此 页 面 。 此 页 即 会 在 
浏览 器 中 显示 ， 它 与 其 默认 母 版 页 Masterl.master 合并 。 单 击 “ 变 换 字体 的 样式 ”链接 ， 
将 会 重新 显示 此 页 ， 但 这 一 次 它 是 与 Master2.master 合 
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7.5 本 章 小 结 





本 章 全 面 讲述 了 ASPNET 中 的 样式 、 主 题 和 母 版 功能 的 知识 及 使 用 方法 。 首 先 介绍 
了 介绍 了 CSS 基础 知识 ， 内 容 包括 CSS 语言 概述 、CSS 样式 引用 的 方法 ; 然后 介绍 了 页 
面 布局 知识 ， 内 容 包括 网 页 的 基本 布局 方式 、 页 面 元 素 的 定位 、 表 格 布局 、DIV 和 CSS 布 
局 等 ， 接 着 讲解 了 主题 ， 内 容 包括 为 什么 使 用 主题 ， 如 何 定义 主题 及 其 外 观 ， 在 主题 中 定 
义 外 观 和 样式 表 的 操作 ， 以 及 利用 主题 实现 换 肤 功能 ， 最 后 介绍 了 母 版 页 的 使 用 ， 内 容 包 
括 母 版 页 和 内 容 页 的 概念 、 创 建 母 版 页 和 内 容 页 的 方法 、 从 内 容 页 访问 母 版 页 成 员 的 方法 
等 。 通 过 本 章 的 学 习 ， 读 者 应 该 能 够 掌握 页 面 布局 及 修饰 的 方法 ， 以 便 能 够 更 好 地 美化 
页 面 。 




















7.6 思考 和 练习 


. 简 述 CSS 的 概念 。 

. 简 述 CSS 样式 在 ASPNET 中 的 引用 方式 。 

. 简 述 盒子 模型 的 概念 。 

. 为 什么 要 使 用 主题 ? 如何 利 用 主题 实现 换 肤 功能 ? 
. 简 述 母 版 页 和 内 容 页 的 概念 ， 以 及 创建 方法 。 


大- 


第 8 章 “ADO.NET 数 据 访 问 技术 


ASPNET 应 用 程序 的 数据 访问 是 通过 ADONET 进行 的 , ADONET 可 以 使 Web 应 用 
程序 从 各 种 数据 源 中 快速 访问 数据 。 从 传统 的 数据 库 到 XML 数据 存储 ， 各 种 各 样 的 数据 
源 都 能 连接 到 ADO.NET， 从 而 更 加 灵活 地 访问 数据 ， 减 少 访问 数据 所 需 的 代码 ， 提 高 了 
开发 效率 和 Web 应 用 程序 的 性 能 。 

本 章 首先 介绍 ADONET 的 基本 知识 , 然后 再 详细 介绍 在 ASP.NET 中 的 几 种 数据 访 
问 方法 ， 而 有 关 数 据 绑 定 的 内 容 则 第 9 章 再 进行 介绍 。 

















本 章 的 学 习 目标 : 

e 了 解 ADONET 的 基本 知识 。 

e 掌握 ADONET 与 数据 库 的 连接 方法 。 

e 掌握 利用 Command 访问 数据 库 的 方法 。 

e 掌握 利用 DataAdapter 访问 数据 库 的 方法 。 


8.1 ADO.NET 概述 


ADONET 是 NET Framework 提供 的 数据 访问 的 类 库 ，ADONET 对 Microsoft SQL 
Server、Oracle 和 XML 等 数据 源 提供 一 致 的 访问 。 应 用 程序 可 以 使 用 ADONET 连接 到 
这 些 数据 源 ， 并 检索 和 更 新 所 包含 的 数据 。 

ADONET 用 于 数据 访问 的 类 库 包 含 NET Framework 数据 提供 程序 和 DataSet 两 个 组 
件 。.NET Framework 数据 提供 程序 与 DataSet 之 间 的 关系 如 图 8-1 所 示 。 


NET Framework 数据 提供 程序 DataSet 


DataTable 


DataTable 








图 8-1 ADONET 的 组 成 


.NET Framework 数据 提供 程序 包含 以 下 4 个 核心 类 。 
e@ Connection: 建立 与 数据 源 的 连接 。 


第 8 章 ADONET 数据 访问 技术 *211* 


e Command: 对 数据 源 执行 操作 命令 ,用 于 修改 数据 、 查 询 数据 和 运行 存储 过 程 等 。 

e DataReader: 从 数据 源 获取 返回 的 数据 。 

e@ DataAdapter: 用 数据 源 数据 填充 DataSet， 并 可 以 处 理 数据 更 新 。 

DataSet 是 ADO.NET 的 断 开 式 结构 的 核心 组 件 。 设 计 DataSet 的 目的 是 为 了 实现 独立 
于 任何 数据 源 的 数据 访问 ， 可 以 把 它 看 成 是 内 存 中 的 数据 库 ， 是 专门 用 来 处 理 数据 源 中 读 
出 的 数据 。 

DataSet 的 优点 就 是 离线 式 , 一 旦 读 取 到 数据 库 中 的 数据 后 , 就 在 内 存 中 建立 数据 库 的 
副本 。 在 此 之 后 的 操作 ， 直 到 执行 更 新 命令 为 止 ， 所 有 的 操作 都 是 在 内 存 中 完成 的 。 不 管 
底层 的 数据 库 是 哪 种 形式 ，DataSet 的 行为 都 是 一 致 的 。 

DataSet 是 数据 表 (DataTable) 的 集合 ， 它 可 以 包含 任意 多 个 数据 表 ， 而 且 每 个 DataSet 
中 的 数据 表 对 应 一 个 数据 源 中 的 数据 表 (Table) 或 者 是 数据 视图 (View)。DataSet 的 结构 如 图 
8-2 所 示 。 

















DataSet 


DataTable - DataTable 





图 8-2 ”DataSet 的 结构 


ASP.NET 数据 访问 程序 的 开发 流程 有 以 下 几 个 步骤 。 

(1) 利用 Connection 对 象 创 建 数据 连接 。 

(2) 利用 Command 对 象 数 据 源 执 行 SQL 命令 。 

(3) 利用 DataReader 对 象 读 取 数 据 源 的 数据 。 

(4) DataSet 对 象 与 DataAdapter 对 象 配合 ， 完 成 数据 的 查询 和 更 新 操作 。 

在 ADONET 中 , 连接 数据 源 有 4 种 接口 : SQLClient、OracleClient 、ODBC、OLEDB。 
其 中 SQLClient 是 Microsoft SQL Server 数据 库 专用 连接 接口 ，OracleClient 是 Oracle 数据 
库 专用 的 连接 接口 ，ODBC 和 OLEDB 可 用 于 其 他 数据 源 的 连接 。 在 应 用 程序 中 使 用 任何 

-种 连接 接口 时 ， 必 须 在 后 台 代 码 中 引用 对 应 的 名 称 空间 ， 类 的 名 称 也 随 之 发 生变 化 ， 如 
表 8-1 所 示 。 





表 8-1 数据 连接 方式 名 称 空间 与 对 应 的 类 名 称 











名 称 空 间 对 应 的 类 名 称 
System.Data.SqlClient SqlConnection; SqlCommand; SqlDataReader; SqlDataAdapter 
System.Data.Odbe OdbcConnection; OdbcCommand; OdbcDataReader; OdbcDataAdapter 
System Data.OleDb OleDbConnection; OleDbCommand; OleDbDataReader; OleDbDataAdapter 








System.Data.OracleClient OracleConnection: OracleCommand; OracleDataReader; OracleDataAdapter 
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8.2 ”使 用 Connection 连接 数据 库 


本 书 数据 源 以 Microsoft SQL Server 2012 数据 库 为 例 。 也 就 是 说 ， 使 用 SQLClient 连 
接 接口 ， 访 问 数据 库 使 用 SqlConnection、SqlCommand、SqlDataReader 和 SqlDataAdapter 
对 象 。 

在 建立 数据 库 连 接 之 前 , 首先 在 Web.Config 配置 文件 中 建立 一 个 连接 字符 串 , 然后 建 
立 数 据 库 连接 。 

【 例 8-1】 演 示 如 何 建立 Microsoft SQL Server 2012 数据 库 连接 。 

(1) 运行 VS， 新 建 一 个 名 为 WebSite8 的 ASPNET 网 站 。 

(2) 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 择 【添加 】|【 新 建 项 】 命 令 ， 在 
弹出 的 对 话 框 中 选择 【数据 】|【SQL Server 数据 库 】 模 板 ， 更 改名 称 为 MyDatabase .mdf， 
创建 数据 库 ， 如 图 8-3 所 示 。 








排序 依 二 : 默认 值 中 本 控 雪 已 安装 模板 (Ctrl + 
各 ADOJNET 实体 数 二 模型 visual ce 

衬 SQL Server 数据 库 
4 Efsxobconea mVisual cs 


且 ovsan Visual cs 


国 Qsever compact40tvisual ce 


国 :o “ss Viaml cs 
四 vas Visual cx 


办 x 


DR x 








MyDatabase.mdf 


























图 8-3 ”新 建 数 据 库 


(3) 单 击 【 添 加】 按钮 ， 弹 出 如 图 8-4 所 示 的 对 话 框 ， 单 击 【 确 定 】 按 钮 ， 将 数据 库 
MyDatabase.mdf 保存 到 App_Data 文件 夹 中 。 


怎 正在 尝试 棕 符 殊 文 件 类 型 (md 有 添加 到 ASP.NET 网 站 。 通常， 要 在 网 
App_Data "文件 夫 中 。 旺 否 移 该 文件 


放 在 App_Data 文件 交 宁 ? 


图 8-4 ”创建 数据 库 文件 夹 


(4) 在 【数据 库 资源 管理 器 】 中 ， 双 击 数据 库 名 MyDatabase mdf， 数 据 库 资源 管理 器 
显示 如 图 8-5 所 示 。 
(5) 右 击 【 表 】 结 点 ， 创 建 student 表 ， 表 的 结构 和 记录 如 表 8-2 所 示 。 
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DY Website8 - Microsoft Visual studio 令 理 呈 t+) Pai 
文件 四 ”加 加 四。 视 加 MI 项 所 生成 四 滞 D) EE\MW] SQLG) ISD RY WeiO HY EC Ry 
因 - 丰 归 出 Intemet Explorer - Debug - 疯 - 


二 关 方 宝 闪 下 竺 理 渤 “nx 
全 B-DJ£ 





TD MyDatabase ooldf 
站 Web.confic 
家 2 广安 各 基 千 理 湛 国 队 次 大 车 理 器 





轩 去 
加 襄 到 
PE 








时 
过 
守 
音 





计 接 字符 束 
4 SQL server 应 近 符 地。 
SQL Server 对 作 训 源 守 .。 “工具 述 C55 属性 

二 3 结果 1 本 扩 寺 果 2 玛 拒 符 果 


图 8-5 数据 库 资源 管理 器 





表 8-2 student 表 的 结构 和 记录 


No Name Sex birth Address Photo 
(varchar，10) | (varchar，50) (char，2) (datetime) (varchar，50) | (varchar，50) 
(编号 ， 主 键 ) (姓名 ) (性 别 ) (出 生日 期 ) (地 址 ) (照片 ) 


1 北 训 lipe 
2 [ 海 2ipe 
3 信用 3jpe 
4 苏州 4ipg 
5 这 了 5jm 
6 广州 Gipg 
7 广州 7ipe 
8 深圳 sjpg 
9 | 机 |w | 16 | wm 9ipg 


(6) 打开 web.config 配置 文件 ， 将 <connectionStrings/> 标 记 用 下 面 代码 替换 。 











<connectionStrings> 
<add name="ConnectionString" connectionString="Data Source=.\SQLEXPRESS: 
AttachDbFilename=|DataDirectory|mydatabase mdfIntegrated Security=True;User Instance=True"/> 
</connectionStrings> 
其 中 ，Data Source 表示 SQL Server 数据 库 服务 器 名 称 ，AttachDbFilename 表示 数据 库 
的 路 径 和 文件 名 ，|DataDirectory| 表示 网 站 默认 数据 库 路 径 App_Data。 
(7) 在 网 站 中 添加 一 个 名 为 connection.aspx 的 网 页 ， 切 换 到 【设计 】 视 图 ， 向 该 页 面 
拖 放 一 个 Label 控件 ， 使 用 默认 控件 名 称 ， 然 后 在 connection.aspx.cs 页 面 中 添加 下 面 代 码 。 

















/引用 数据 库 访问 名 称 空间 
Using System.Data.SqlClient: 
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Using System.Configuration: 
protected void Page Load(object sender, EventArgs e) 


{ 
/从 web.config 配置 文件 取出 数据 库 连 接 串 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
/建立 数据 库 连接 对 象 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/打开 连接 对 象 
sqlconn.Open():; 
Labell.Text= "成 功 建立 SQL Server 2012 数据 库 连 接 "; 
// 关 闭 连接 对 象 
sqlconn.Close():; 
sqlconn = null: 
} 


(8) 程序 运行 效果 如 图 8-6 所 示 。 


CE hp://ocalhost21023/connecion: D - Bo ne) 
[Saton “| 





成 功 建 立 SQL Server 201? 数 据 库 连 接 
成 100% ~ 


图 8-6 ”connection.aspx 运行 效果 


访问 数据 库 的 数据 之 前 ， 需 要 使 用 Connection 对 象 的 Open 方法 把 数据 库 打 开 ， 并 
在 完成 数据 库 的 操作 之 后 使 用 Connection 对 象 的 Close 方法 将 数据 库 关 闭 。 


在 





8.3 使 用 Command 对 象 执行 数据 库 命 令 


Command 对 象 是 用 来 执行 数据 库 操作 命令 的 ， 比 如 对 数据 库 中 数据 表 记 录 的 查询 、 
增加 、 修 改 或 删除 等 都 是 要 通过 Command 对 象 来 实现 的 。 一 个 数据 库 操作 命令 可 以 用 
SQL 语句 来 表达 ， 包 括 SELECT 语句 、UPDATE 语句 、DELETE 语句 、INSERT 语句 等 。 
Command 对 象 可 以 传递 参数 并 返回 值 ， 同 时 Command 也 可 以 调用 数据 库 中 的 存储 过 程 。 

像 Connection 对 象 一 样 ， 对 于 操作 SQL Server 数据 库 而 言 ， 使 用 SqlCommand 对 象 。 
Command 对 象 的 属性 如 表 8-3 所 示 。 


表 8-3 ” Command 对象 的 属性 








属 性 说 了 明 
Connection 含 了 数据 库 连接 信息 的 Connection 对 象 
CommandText 要 运行 的 SQL 命令 
CommandType 命令 类 型 








Parameters Parameters 对 象 集合 
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8.3.1 使 用 Command 对 象 从 数据 库 中 查询 数据 


使 用 Command 对 象 查询 数据 库 数据 的 一 般 步骤 为 : 先 建立 数据 库 连 接 ， 然 后 创建 
Command 对 象 ， 并 设置 它 的 Connection 和 CommandText 两 个 属性 ， 分 别 表 示 数 据 库 连 接 
和 需要 执行 的 SQL 命令 ; 接 下 来 使 用 Command 对 象 的 ExecuteReader 方法 ， 把 返回 结果 
放 在 DataReader 对 象 中 ， 最 后 通过 循环 ， 显 示 数 据 库 查询 结果 。 

【 例 8-2】 在 【 例 8-1】 基础 上 ， 介 绍 如 何 使 用 Command 对 象 查询 数据 库 的 数据 。 

(1) 新 建 WebSite8 网 站 , 然后 在 其 中 添加 一 个 名 为 command query.aspx 的 网 页 , 切换 
到 【设计 】 视 图 ， 向 该 页 面 拖 放 一 个 Label 控件 ， 使 用 默认 控件 名 称 。 

(2) 在 command query.aspx.cs 页 面 中 添加 下 面 代 码 。 

















// 引 用 数据 库 访问 名 称 空间 
using System.Data.SqlClient: 
using System.Configuration: 
Protected void Page Load(object sender, EventArgs e) 
string sqlconnstr = 
Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/建立 Command 对 象 
SqlCommand sqlcommand = new SqlCommand(): 
/给 sqlcommand 的 Connection 属性 赋值 
sqlcommand.Connection = sqlconn: 
/打开 连接 
sqlconn.Open(); 
//SQL 命令 赋值 
sqlcommand.CommandText = "select * from student"; 
// 建 立 DataReader 对 象 ， 并 返回 查询 结果 
SqlDataReader sqldatareader = sqlcommand.ExecuteReader(); 
// 逐 行 遍历 查询 结果 
while (sqldatareader.Read()) 
上 
Labell.Text += sqldatareader.GetString(0) + "&nbsp:;&nbsp;"; 
Labell.Text += sqldatareader.GetString(1) + "&nbsp:;&nbsp;"; 
Labell.Text += sqldatareader.GetString(2) + "&nbsp:&nbsp;"; 
Labell.Text += sqldatareader.GetDateTime(3) + "&nbsp:&nbsp:"; 
Labell .Text += sqldatareader.GetString(4) + "&nbsp:&nbsp;"; 
Labell.Text += sqldatareader.GetString(5) + "&nbsp:&nbsp:<br>"; 
}» 
sqlcommand = mull: 
sqlconn.Close(); 
sqlconn = null: 


} 
(3) 程序 运行 效果 如 图 8-7 所 示 。 
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‘| SE htp//ocalhost21023/com PD” BO 


Labell 二 男 1989/6/29 0:00:00 北京 ljpg 

2 李 明 男 1988/1/2 0:00:00 上 海 2jpg 

3 王 彬 女 1989/9/25 0:00:00 信阳 3jpg 

4 [ER 女 1988/6/8 0:00:00 苏州 4jpg 
六 女 1989/12/11 0:00:00 辽阳 5jpg 


南 胃 1990/3/15 0:00:00 广州 7jpg 
1989/6/11 0:00:00 深圳 8jpg 
1989/6/1 0:00:00 沈阳 9jpg 





图 8-7 command query.aspx 运行 效果 


8.3.2 使 用 Command 对 象 向 数据 库 插入 数据 


使 用 Command 对 象 增加 数据 库 数据 的 一 般 步骤 为 : 先 建立 数据 库 连 接 ， 然 后 创建 
Command 对 象 ， 设 置 它 的 Connection 和 CommandText 两 个 属性 ， 并 使 用 Command 对 象 
的 Parameters 属性 来 设置 输入 参数 ; 最 后 使 用 Command 对 象 的 ExecuteNonquery 方法 执行 
数据 库 数 据 增加 命令 ， 其 中 ExecuteNonquery 方法 表示 要 执行 的 是 没有 返回 数据 的 命令 。 

【 例 8-3】 演 示 如 何 使 用 Command 对 象 向 数据 库 中 插入 数据 记录 。 


(1) 在 【解决 方案 资源 管理 器 】 中 ， 





右 击 网 站 名 WebSite8, 选择 【新 建文 件 夹 】 3. 
命令 ， 新 建文 件 夹 ， 改 名 为 images， 用 于 ep rt 
存放 学 生 照 片 。 se, QQ 
(2) 在 WebSite8 网 站 中 添加 一 个 名 为 地 直 站 
command insert.aspx 的 网 页 。 Ri 
(3) 将 command insert 页 面 设计 为 如 Label a 
图 8-8 所 示 的 样子 。 图 8-8 ”command_insert.aspx 页 面 的 设计 效果 


对 应 【 源 】 视 图 中 的 代码 如 下 。 


<table style="width: 320px; height: 240px"> 
<tr> 
<td style="width: 100px; text-align: right"> 学 号 : </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBoxl" runat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px: text-align: right"> 姓名 : </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td> </t> 
<tr> 
<td style="width: 100px; text-align: right"> 性 别 : </td> 
<td style="width: 220px"> 
<asp:DropDownList ID="DropDownListl" runat—"server"> 
<asp:ListItem Selected="True"> 男 </asp:ListItem> 
<asp:ListItem> 女 </asp:ListItem> 
</asp:DropDownList> </td> </t> 
<tr> 
<td style="width: 100px; text-align: right"> 出 生日 期 : </td> 
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<td style="width: 220px"> 
<asp:TextBox ID="TextBox3" rnat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px; text-align: right"> 地 址 : </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox4" rnat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px;: text-align: right"> 照片 ，</td> 
<td style="width: 220px"> 
<asp:FileUpload ID="FileUpload1" runat="server" /></td> </tr> 
<tr> 
<td colspan="2" style="text-align: center"> 


<asp:Button ID="Button1" runat="server" Text=" 提 交 " OnClick="Button]_Click" /></td> </tr> 


</table> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 


(4) 双击 设计 视图 中 的 【提交 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代 码 。 


Protected void Buttonl Click(object sender, EventArgs e) 
{ 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].Connecti 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/建立 Command 对 象 
SqlCommand sqlcommand = new SqlCommand(); 
sqlcommand.Connection = sqlconn: 
/把 SQL 语句 赋 给 Command 对 象 


sqlcommand.CommandText = "insert into student(No,Name,Sex.,birthday,Adress,Photo)values 


(@No,@Name,@Sex,@birthday,@Adress,(@Photo)"; 
sqlcommand.Parameters.AddWithValue("(WNo",TextBoxl1.Text); 
sqlcommand.Parameters.AddWithValue("Q@Name'",TextBox2.Text): 
sqlcommand.Parameters.AddWithValue("@Sex",DropDownList1.Text); 
sqlcommand.Parameters.AddWithValue("(@birthday", TextBox3.Text); 
sqlcommand.Parameters.AddWithValue("(DAdress",TextBox4.Text):; 
sqlcommand.Parameters.AddWithValue("(@Photo",FileUpload1.FileName); 


try 
{ 
// 打 开 连 接 
sqlconn.Open(); 
/执行 SQL 命令 
sqlcommand.ExecuteNonQuery(); 


// 把 学 生 的 照片 上 传 到 网 站 的 images 文件 夹 中 
if (FileUpload].HasFile 一 tme) 


: FileUpload1.SaveAs(Server.MapPath(("~/image/") + FileUpload].FileName)) 
ht = "成 功 增加 记录 "; 

a (Exception ex) 

Labell.Text = "错误 原因 : "+ ex.Message; 

9 


finally 


onString; 
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sqlcommand = null: | hr/ocahostz1023comran PD- Bo 
sqlconn.Close(): 
sqlconn = null; 
} 
} 





(5) 程序 运行 效果 如 图 8-9 所 示 。 
8.3.3 ”使 用 Command 对 象 删除 








数据 库 中 的 数据 
图 8-9 command insert.aspx 的 运行 效果 
使 用 Command 对 象 删 除数 据 库 数据 的 一 
般 步 骤 为 : 先 建立 数据 库 连 接 ; 然后 创建 Command 对 象 ， 设 置 它 的 Connection 和 


CommandText 两 个 属性 ， 并 使 用 Command 对 象 的 Parameters 属性 来 传递 参数 ;最 后 使 用 
Command 对 象 的 ExecuteNonquery 方法 执行 数据 库 数据 删除 命令 。 

【 例 8-4】 使 用 Command 对 象 删除 数据 。 

(1) 在 WebSite8 网 站 中 添加 一 个 名 为 command delete.aspx 的 网 页 。 

(2) 向 command delete 页 面 添加 2 个 Label 控件 ，1 个 TextBox 控件 ，1 个 Button 控 
件 ， 其 中 Button 控件 作为 【删除 】 按 钮 。 

(3) 双击 设计 视图 中 的 【删除 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代 码 。 


using System.Data.SqlClient: 
using System.Configuration: 


Protected void Button1_ Click(object sender, EventArgs e) 
{ 
int intDeleteCount': 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/建立 Command 对 象 
SqlCommand sqlcommand = new SqlCommand(): 
/给 Command 对 象 的 Connection 和 CommandText 属性 赋值 
sqlcommand.Connection = sqlconn: 
sqlcommand.CommandText = "delete from student where no=(@no"; 
sqlcommand.Parameters.AddWithValue("Qno".TextBox1l.Text): 
try 
sqlconn.Open(); 
intDeleteCount=sqlcommand.ExecuteNonQuery0: 
1f (intDeleteCount>0) 
Labell.Text = "成 功 删除 记录 ": 
else 


Labell.Text = "该 记录 不 存在 "; 


catch (Exception ex) 
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1 
Labell.Text = "错误 原因 : "+ex.Message; 

} 
finally 
{ 

sqlcommand = null: 

sqlconn.Close(); 

sqlconn = null; 

















} 
} 





(4) 程序 运行 效果 如 图 8-10 所 示 。 图 8-10 ”command delete.aspx 的 运行 效果 


8.3.4 使 用 Command 对 象 修改 数据 库 的 数据 


使 用 Command 对 象 修改 数据 库 数据 的 一 般 步 骤 为 : 先 建立 数据 库 连 接 ， 然 后 创建 
Command 对 象 ， 设 置 它 的 Connection 和 CommandText 两 个 属性 ， 并 使 用 Command 对 和 象 
的 Parameters 属性 来 传递 参数 ; 接 下 来 使 用 Command 对 象 的 ExecuteNonquery 方法 执行 数 
据 库 数据 修改 命令 。【 例 8-5】 同 时 说 明 存储 过 程 的 调用 方法 。 

【 例 8-5】 演 示 如 何 使 用 Command 对 象 修改 数据 。 

(1) 打开 WebSite8 网 站 , 为 MyDatabase .mdf 
数据 库 建 立 名 为 update_student 的 存储 过 程 。 在 
【数据 库 资源 管理 器 】 中 , 右 击 【存储 过 程 ] 结 点 ， 

如 图 8-11 所 示 。 

选择 【添加 新 存储 过 程 】 命 令 ， 在 存储 过 程 Te emer RN 
定义 窗口 中 ， 添 加 如 下 代码 ， 最 后 单 击 工具 栏 中 ;时 守 | ed 
的 【保存 】 按 钮 ， 保 存 存储 过 程 到 数据 库 中 。 图 8-11 数据 库 资源 管理 器 

CREATE PROCEDURE [dbo].[update_student] 
// 入 口 参 数 

@NO nvarchar(10), 

(@Name nvarchar(50), 

@Sex nvarchar(10), 

@birthday datetime, 

@Adress nvarchar(50), 

@Photo nvarchar(50) 
AS 








9》 @ iaea poeqlesprossmastor,dbe 
4 民 wyoatbacemdf 
> 国事 


// 修 改 学 生 记录 

update student set 
No=@No,Name=@Name,Sex=@Sex.birthday=(@birthday, Adress=(@A dress,Photo=(@Photo where 
No=@No 

RETURNO 
(2) 在 WebSite8 网 站 中 添加 一 个 名 为 command update aspx 的 网 页 ， 将 command 

update 页 面 设计 为 如 图 8-8 所 示 的 形式 。 

(3) 双击 设计 视图 中 的 【提交 】 按钮 ， 添 加 如 下 所 示 的 后 台 代 码 。 
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Using System.Configuration; 

Using System Data; 

using System.Data.SqlClient: 

protected void Button]l Click(object sender, EventArgs e) 

{ 
int intUpdateCount: 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 

SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 建 立 Command 对 象 
SqlCommand sqlcommand = new SqlCommand(); 
sqlcommand.Connection = sqlconn: 
/把 存储 过 程 名 称 赋 给 Command 对 象 的 CommandText 属性 
sqlcommand.CommandText = "update_student": 
/说 明 命令 类 型 为 存储 过 程 
sqlcommand.CommandType = CommandType.StoredProcedure; 
sqlcommand.Parameters. AddWithValue("(WNo", TextBoxl.Text); 
sqlcommand.Parameters.AddWithValue("(DName", TextBox2.Text); 
sqlcommand.Parameters.AddWithValue("@Sex", DropDownListl.Text); 
sqlcommand.Parameters.AddWithValue("@birthday", TextBox3.Text); 
sqlcommand.Parameters.AddWithValue("@Adress", TextBox4.Text); 
sqlcommand.Parameters.AddWithValue("@Photo", FileUploadl.FileName); 


ty 
// 打 开 连 接 
sqlconn.Open(); 
// 执 行 SQL 命令 


intUpdateCount = sqlcommand.ExecuteNonQuery():; 
/把 学 生 的 照片 上 传 到 网 站 的 images 文件 夹 中 
还 (FileUpload1.HasFile 一 tme) 


{ 
FileUpload].SaveAs(Server.MapPath(("~/images/") 十 
FileUploadl.FileName)); 
} 
1f (intUpdateCount > 0) 
Labell.Text = "成 功 修改 记录 "; 
else 
Labell.Text = "该 记录 不 存在 "; 
} 
catch (Exception ex) 
i 
Labell.Text = "错误 原因 : "+ ex.Message; 
} 
finally 
sqlcommand = null: 
sqlconn.Close(: 
sqlconn = null: 
} 


(4) 程序 运行 效果 如 图 8-12 所 示 。 


8.3.5 数据库 事 务 处 理 





对 于 数据 库 管理 系统 来 说 ， 如 果 没有 显 式 十 
定义 事务 的 开始 和 结束 , 就 默认 一 条 SQL 语句 wt, 


为 一 个 单独 事务 ， 多 数 情况 下 采用 这 种 默认 方 
式 就 足够 了 。 但是, 有 时 需要 将 一 组 SQL 语句 


作为 一 个 事务 ， 要 不 全 做 ， 要 
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不 全 不 做 。 


在 ASPNET 中 ， 可 以 使 用 Connection 和 图 8-12 ”command update.aspx 的 运行 效果 
Transaction 对 象 开 始 、 提 交 和 回 滚 事务 。 一 般 


步骤 为 : 调用 Connection 对 象 





六 BeginTransaction 方法 来 标记 事务 的 开始 , BeginTransaction 





方法 返回 对 Transaction 的 引用 


; 将 Transaction 对 象 赋 给 Command 的 Transaction 属性 ; 执 


行事 务 操作 ， 如 果 事务 操作 成 功 ， 使 用 Transaction 对 象 的 Commit 方法 提交 事务 ， 和 否则 ， 


使 用 Rollback 方法 回 滚 事务 。 
【 例 8-6】 演 示 事 务 处 理 。 


(1) 在 WebSiteg 网 站 中 添加 一 个 名 为 transaction.aspx 的 网 页 。 
(2) 向 transaction 页 面 添加 1 个 Label 控件 ，1 个 Button 控件 ， 其 中 Button 控件 作为 


【事务 提交 】 按 钮 。 


(3) 双击 设计 视图 中 的 【事务 提交 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代 码 。 


using System.Data.SqlClient: 


protected void Button1 Click(object sender, EventArgs e) 


{ 
string sqlconnstr = 


Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 


sqlconn.OpenO; 
/开始 事务 


SqlTransaction tran=sqlconn. BeginTransaction():; 
SqlCommand sqlcommand = new SqlCommand(); 
sqlcommand.Connection = sqlconn: 
sqlcommand.Transaction = tran: 


try 
{ 
sqlcommand.CommandText = "update student set Adress='beijing' where No=1"; 
sqlcommand.ExecuteNonQuery(); 
sqlcommand.CommandText = "update student set Adress='zhengzhou' where No=2"; 
sqlcommand.ExecuteNonQuery(): 
tran.CommitO: 
Labell.Text = "事务 提交 成 功 "; 
上 
catch (Exception ex) 


{ 
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tran.Rollback0: 
Labell.Text = "事务 提交 失败 : " + ex.Message; 
站 
finally 
{ 
sqlcommand = null; 
sqlconn.Close(); 
sqlconn = null; 
} 
} 

从 8.3 节 例子 中 可 以 看 出 ，Command 对 象 的 ExecuteNonQuery 方法 在 执行 数据 更 新 
SQL 语句 (如 INSERT，UPDATE 或 DELETE) 时 使 用 ， 这 些 语 名 的 共同 特点 是 没有 返回 数 
据 。 此 外 ，ExecuteNonQuery 方法 可 以 返回 一 个 整数 ， 表 示 已 经 执行 语句 在 数据 库 中 影响 
数据 的 行 数 。 

如 果 需 要 执行 有 返回 结果 的 SQL 语句 (如 SELECT)， 那 么 就 需要 使 用 Command 对 象 
的 ExecuteReader 方法 ， 并 将 执行 结果 放 到 DataReader 中 。 这 个 对 象 是 一 个 专门 读 取 数 据 
的 对 象 ， 除 了 能 做 读 取 数 据 工 作 之 外 ， 其 他 什么 也 不 能 做 ， 所 以 这 是 一 种 简单 的 读 取 数 据 
的 方法 。 





8.4 使 用 DataAdapter 对 象 执 行 数 据 库 命令 


对 于 SQL SERVER 接口 , 使 用 的 是 SqlDataAdapter 对 象 , 在 使 用 DataAdapter 对 象 时 ， 
只 需 分 别 设置 表示 SQL 命令 和 数据 库 连接 的 两 个 参数 , 就 可 以 通过 它 的 Fill 方法 把 查询 结 
果 放 在 一 个 DataSet 对 象 中 。 

在 一 个 DataSet 对 象 实例 中 ， 可 以 包含 多 个 DataTable， 而 一 个 DataTable 可 以 包含 
个 DataRow。 

当 把 一 个 DataSet 中 的 一 个 数据 表 复 制 到 一 个 DataTable 中 之 后 , 可 以 通过 对 DataTable 
数据 的 访问 来 实现 对 DataSet 中 数据 的 访问 。 除 此 之 外 , 还 可 以 通过 修改 DataTable 中 的 数 
据 来 更 新 DataSet。 

DataRow 表示 DataTable 的 数据 行 ， 一 个 DataTable 中 的 数据 行 会 有 很 多 。 针 对 一 
个 DataTable， 它 的 Rows 属性 表示 这 个 表 的 所 有 数据 行 ， 是 一 个 集合 ， 类 名 为 
DataRowCollection， 它 的 每 个 元 素 的 类 型 是 DataRow。 

通过 8.4 节 的 例子 说 明 使 用 DataAdapter 和 DataSet 读 取 和 修改 数据 库 数 据 的 方法 。 


8.4.1 使 用 DataAdapter 对 象 查 询 数 据 库 的 数据 


使 用 DataAdapter 对 象 查询 数据 库 数据 的 一 般 步骤 为 ， 首 先 建立 数据 库 连 接 ; 然后 利 
用 数据 库 连接 和 SELECT 语句 建立 DataAdapter 对 象 , 并 使 用 DataAdapter 对 象 的 Fil 方法 
把 查询 结果 放 在 DataSet 对 象 的 一 个 数据 表 中 ; 接 下 来 将 该 数据 表 复制 到 DataTable 对 象 
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中 ; 最 后 实现 对 DataTable 对 象 中 数据 的 查询 。 





【 例 8-7】 演 示 如 何 使 用 DataAdapter 对 象 查询 数据 库 的 数据 。 


ss。 223。 


(1) 在 WebSite8 网 站 中 添加 一 个 名 为 DataAdapter selectaspx 的 网 页 ， 切 换 到 【设计 】 





视图 ， 向 该 页 面 拖 放 一 个 Label 控件 ， 使 用 默认 控件 名 称 。 


(2) 在 DataAdapter _selectaspx.cs 页 面 中 添加 如 下 代码 。 


// 引 用 数据 库 访问 相关 名 称 空间 

using System.Configuration; 

using System.Data; 

using System.Data.SqlClient: 

protected void Page Load(object sender, EventArgs e) 
{ 


string sqlconnstr = 


ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 


SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/建立 DataSet 对 象 

DataSet ds = new DataSet0: 
/建立 DataTable 对 象 
DataTable dtable; 

/建立 DataRowCollection 对 象 
DataRowCollection coldrow: 
/建立 DataRow 对 象 

DataRow drow; 

/打开 连接 

sqlconn.Open(): 

/建立 DataAdapter 对 象 


SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 


/用 il 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 tabstudent 
sqld.Fill(ds, "tabstudent"); 
// 将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables["tabstudent"]; 
/用 DataRowCollection 对 象 获取 这 个 数据 表 的 所 有 数据 行 
coldrow = dtable.Rows: 
// 逐 行 遍历 ， 取 出 各 行 的 数据 
for (int inti = 0; inti < coldrow.Count:; inti++) 
{ 
drow = coldrow[int]: 
Labell.Text += "学 号 : "+ drow[0]; 
Labell.Text+=" 姓名 : "+ drow[1]; 
Labell.Text +=" 性 别 : "+ drow[2]; 
Labell.Text+= "出 生日 期 : "+ drow[3]; 
Labell .Text += " 地址: "+ drow[4] + "<br />"; 


sqlconn.CloseO:; 
sqlconn = null: 
} 


(3) 程序 运行 效果 如 图 8-13 所 示 。 
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对 名 |， 表 出 : 上 这 
:9 姓名 ， 各 室 | 女 出 生日 斯 : 19896/1 000.00 地 址 。 沈阳 





图 8-13 DataAdapter _select.aspx 运行 效果 


关于 显示 DataSet 中 的 数据 还 有 更 简单 的 方法 ， 就 是 绑 定 GridView 控件 等 ， 详 细 内 容 
在 第 9 章 中 进行 介绍 。 


8.4.2 使 用 DataAdapter 对 象 修改 数据 库 的 数据 


使 用 DataAdapter 对 象 修改 数据 库 数 据 的 一 般 步 骤 为 : 首先 建立 数据 库 连接 ， 然 后 利 
用 数据 库 连 接 和 SELECT 语句 建立 DataAdapter 对 象 ， 并 配置 它 的 UpdateCommand 属性 ， 
定义 修改 数据 库 的 UPDATE 语句 ;使 用 DataAdapter 对 象 的 Fi 方法 把 SELECT 语句 的 查 
询 结果 放 在 DataSet 对 象 的 数据 表 中 ; 接 下 来 将 该 数据 表 复 制 到 DataTable 对 象 中 ; 最 后 实 
现 对 DataTable 对 象 中 数据 的 修改 ， 并 通过 DataAdapter 对 象 的 Update 方法 向 数据 库 提 交 
修改 数据 。 

【 例 8-8】 演 示 如 何 使 用 DataAdapter 对 象 修改 数据 库 的 数据 。 

(1) 在 WebSite8 网 站 中 添加 一 个 名 为 DataAdapter_update.aspx 的 网 页 。 

(2) 向 DataAdapter update 页 面 添 加 1 个 Label 控件 ，1 个 Button 控件 ， 其 中 Button 
控件 作为 【更 新 】 提 交 按钮 。 

(3) 双击 设计 视图 中 的 【更 新 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代 码 。 


using System.Data.SqlClient: 

protected void Buttonl_Click(object sender, EventArgs e) 

{ 
string sqlconnstr = 

Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 

SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/建立 DataSet 对 象 
DataSet ds = new DataSetO:; 
/建立 DataTable 对 象 
DataTable dtable: 
/建立 DataRowCollection 对 象 
DataRowCollection coldrow; 
/建立 DataRow 对 象 
DataRow drow: 
/打开 连接 
sqlconn.Open(); 
/建立 DataAdapter 对 象 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
/自己 定义 Update 命令 ， 其 中 @NAME，@NO 是 两 个 参数 
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sqldUpdateCommand = new SqlCommand("UPDATE student SET NAME = @NAME 
WHERE NO = @NO", sqlconn): 
// 定 义 @NAME 参数 ， 对 应 于 student 表 的 NAME 列 
sqld.UpdateCommand.Parameters.Add("(WNAME", SqlDbType.VarChar, 50, "NAME"); 
// 定 义 @NO 参数 ， 对 应 于 student 表 的 NO 列 ， 而 且 @NO 是 修改 前 的 原 值 
SqlParameter parameter = sqld.UpdateCommand.Parameters.Add("(WNO", SqlDbType.VarChar, 
10); 
parameter.SourceColumn = "NO":; 
parameter.SourceVersion = DataRowVersion.Original: 
// 用 F 记 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 tabstudent 
sqld.Fill(ds, "tabstudent"); 
// 将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables["tabstudent"]; 
/用 DataRowCollection 对 象 获取 这 个 数据 表 的 所 有 数据 行 
coldrow = dtable.Rows; 
/修改 操作 ， 逐 行 遍历 ， 取 出 各 行 的 数据 
for (int inti = 0; inti < coldrow.Count intit+) 
{ 
drow = coldrow[inti]: 
// 给 每 位 学 生 姓 名 后 加 上 字母 A 
drow[1]=drow[1]+"A": 
} 
/提交 更 新 
sqld.Update(ds, "tabstudent"); 
sqlconn.Close0; 
sqlconn = null; 
Labell.Text=" 更 新 成 功 "; 
k 


(4) 程序 运行 效果 如 图 8-14 所 示 。 





图 8-14 DataAdapter_update.aspx 的 运行 效果 
8.4.3 ”使 用 DataAdapter 对 象 增加 数据 库 的 数据 


使 用 DataAdapter 对 象 增 加 数据 库 数据 的 一 般 步骤 为 : 首先 建立 数据 库 连 接 ， 然 后 利 
用 数据 库 连 接 和 SELECT 语句 建立 DataAdapter 对 象 ， 并 建立 CommandBuilder 对 象 自 动 
生成 DataAdapter 的 Command 命令 ， 和 否则 就 要 自己 给 UpdateCommand、InsertCommand、 
DeleteCommand 属性 定义 SQL 更 新 语句 ; 使 用 DataAdapter 对 象 的 F 记 方法 把 SELECT 语 
名 的 查询 结果 放 在 DataSet 对 象 的 数据 表 中 ; 接 下 来 将 该 数据 表 复 制 到 DataTable 对 象 中 ; 
最 后 实现 对 DataTable 对 象 中 数据 的 增加 ， 并 通过 DataAdapter 对 象 的 Update 方法 向 数据 
库 提 交 数 据 。 

【 例 8-9】 演 示 如 何 使 用 DataAdapter 对 象 增加 一 条 学 生 记录 。 

(1) 在 WebSite8 网 站 中 添加 一 个 名 为 DataAdapter insert.aspx 的 网 页 。 

(2) 向 DataAdapter insert 页 面 添加 1 个 Label 控件 ，1 个 Button 控件 ， 其 中 Button 控 
件 作为 【增加 】 提 交 按 钮 。 

(3) 双击 设计 视图 中 的 【增加 】 按 钮 ， 添 加 如 下 后 台 代码 。 














Using System.Configuration : 
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using System Data; 
using System .Data.SqlClient: 
protected void Button1 Click(object sender, EventArgs e) 
{ 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 建 立 DataSet 对 象 
DataSet ds = new DataSet(; 
/建立 DataTable 对 象 
DataTable dtable; 
/建立 DataRow 对 象 
DataRow drow'; 
/打开 连接 
sqlconn.Open(); 
// 建 立 DataAdapter 对 象 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
// 建 立 CommandBuilder 对 象 来 自动 生成 DataAdapter 的 Command 命令 ， 否 则 就 要 自己 编 


//Insertcommand ,deletecommand , updatecommand 命令 。 
SqlCommandBuilder cb = new SqlCommandBuilder(sqld): 

/用 Bil 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 tabstudent 
sqld.Fill(ds, "tabstudent"); 
// 将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables["tabstudent"]: 
// 增 加 新 记录 
drow = ds.Tables["tabstudent"] NewRow0; 
/给 该 记录 赋值 
drow[0] = "19"; 
drow[1] = " 陈 峰 "; 
drow[2] = " 男 "; 
ds.Tables["tabstudent"].Rows.Add(drow): 
// 提 交 更 新 
sqld.Update(ds, "tabstudent"); 
sqlconn.Close(); 
sqlconn = null: 
Labell.Text=" 增 加 成 功 "; 

} 


(4) 程序 运行 效果 如 图 8-15 所 示 。 





: 
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图 8-15 DataAdapter_insert.aspx 的 运行 效果 
8.4.4 使 用 DataAdapter 对 象 删除 数据 库 的 数据 


使 用 DataAdapter 对 象 删除 数据 库 数 据 的 一 般 步 骤 为 : 首先 建立 数据 库 连 接 ， 然 后 利 
用 数据 库 连接 和 SELECT 语句 建立 DataAdapter 对 象 ， 并 建立 CommandBuilder 对 象 自 动 
生成 DataAdapter 的 Command 命令 ; 使 用 DataAdapter 对 象 的 Fill 方法 把 SELECT 语句 的 
查询 结果 放 在 DataSet 对 象 的 数据 表 中 ; 接 下 来 将 该 数据 表 复 制 到 DataTable 对 象 中 ; 最 后 
实现 对 DataTable 对 象 中 数据 的 删除 ， 并 通过 DataAdapter 对 象 的 Update 方法 向 数据 库 提 
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【 例 8-10】 演 示 如 何 使 用 DataAdapter 对 象 删除 符合 条 件 的 学 生 记录 。 

(1) 在 WebSite8 网 站 中 添加 一 个 名 为 DataAdapter delete.aspx 的 网 页 。 

(2) 向 DataAdapter_delete 页 面 添加 1 个 Label 控件 ，1 个 Button 控件 ， 其 中 Button 控 
件 作为 【删除 】 按 钮 。 

(3) 双击 设计 视图 中 的 【删除 】 按 钮 ， 添 加 如 下 后 台 代 码 。 





using System.Configuration: 
using System.Data; 
using System.Data.SqlClient: 


protected void Button1 Click(object sender, EventArgs e) 


{ 


string sqlconnstr = 


ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 


} 


SqlConnection sqlconn = new SqlConnection(sqlconnstr); 

DataSet ds = new DataSetO; 

DataTable dtable: 

DataRowCollection coldrow: 

DataRow drow: 

sqlconn.Open(); 

// 建 立 DataAdapter 对 象 

SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 

// 建 立 CommandBuilder 对 象 来 自动 生成 DataAdapter 的 Command 命令 ， 否 则 就 要 自己 编 


//Insertcommand ,deletecommand , updatecommand 命令 。 
SqlCommandBuilder cb = new SqlCommandBuilder(sqld): 
/用 Fil 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 tabstudent 
sqld.Fill(ds, "tabstudent"): 
dtable = ds.Tables["tabstudent"]: 
coldrow = dtable.Rows: 
// 逐 行 遍历 ， 删 除 地 址 为 空 的 记录 
for (int inti = 0; inti < coldrow.Count: intit+) 
上 
drow=coldrow[inti]; 
if (drow["address"].ToString0=— "") 
drow.Delete0:; 


} 

// 提 交 更 新 

sqld.Update(ds, "tabstudent"): 
sqlconn.Close(); 

sqlconn = null; 


5 
Labell.Text 一 "删除 成 功 " SE A 
[Biocshon | 


(4) 程序 运行 效果 如 图 8-16 所 示 。 删除 成 功 





暗 除 














图 8-16 ”DataAdapter_delete.aspx 的 运行 效果 
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8.5 本 章 小 结 


本 章 全 面 讲 述 了 ADONET 数据 访问 技术 。 首 先是 ADONET 技术 的 概述 ， 然 后 介绍 
使 用 Connection 对 象 连接 数据 库 的 方法 ， 接 着 介绍 使 用 Command 对 象 执行 数据 库 命令 ， 
包括 查询 、 插 入 、 删 除 、 修 改 命令 , 以 及 数据 库 事务 处 理 操作 ; 最 后 介绍 了 使 用 DataAdapter 
对 象 执行 数据 库 命令 ,同样 包括 了 对 数据 库 的 增 、 删 、 改 、 查 操作 命令 。 通 过 本 章 的 学 习 ， 
读者 应 该 能 够 掌握 在 ASP.NET 中 访问 数据 库 的 方法 ， 以 便 能 够 根据 需求 熟练 地 对 数据 库 
进行 增 、 删 、 改 、 查 操作 。 


8.6 思考 和 练习 


1. 简 述 ADONET 的 组 成 。 

2. ADO.NET 提供 了 哪些 操作 数据 库 的 对 象 ? 分 别 简 述 它们 的 功能 。 

3. 简 述 DataSet 对 象 的 结构 。 

4. ASP.NET 数据 访问 程序 的 开发 过 程 有 哪些 步骤 ? 

5. 如 何 通过 Command 对 象 实现 对 数据 库 数据 的 增 、 删 、 改 、 查 操作 ? 
6. 如 何 通 过 DataAdapter 对 象 实现 对 数据 库 数 据 的 增 、 删 、 改 、 查 操作 ? 
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本 章 首先 介绍 单 值 绑 定 和 列表 控件 的 数据 绑 定 过 程 ， 然 后 介绍 GridView 等 复杂 数据 
绑 定 控件 的 基本 用 法 ， 主 要 涉及 以 下 3 种 复杂 数据 绑 定 控件 ，GridView、DataList 和 
FormView。 本 章 将 通过 一 系列 实例 逐步 学 习 如 何 控制 控件 的 显示 效果 和 行为 。 


本 章 的 学 习 目 标 : 

e 掌握 单 值 和 列表 控件 的 数据 绑 定 。 

。 掌握 GridView 的 数据 绑 定 方式 、 绑 定 列 模板 列 的 配置 和 用 法 以 及 数据 的 排序 和 
分 页 。 

e 掌握 DataList 和 FormView 的 数据 绑 定 和 自 定 义 样式 的 设置 。 


9.1 数据 绑 定 概述 


第 8 章 学 习 了 如 何 通过 ADONET 访问 数据 库 ， 而 这 一 章 将 着 重 学 习 如 何 利用 
ASP.NET 提供 的 控件 将 数据 呈现 在 页 面 上 。 大 家 知道 Web 系统 的 一 个 典型 的 特征 是 后 台 
对 数据 的 访问 和 处 理 与 前 台数 据 的 显示 分 离 ， 而 前 台 显示 是 通过 HIML 来 实现 的 。 一 种 将 
数据 呈现 的 最 直接 的 方式 是 将 需要 显示 的 数据 和 HIML 标记 拼接 成 字符 串 并 输出 , 但 这 种 
方案 的 缺点 也 是 显而易见 的 ， 不 但 复杂 而 且 难 以 重用 ， 尤 其 是 有 大 宗 数 据 需要 处 理 时 。 因 
此 为 了 简化 开发 过 程 , ASP.NET 环境 中 提供 了 多 种 不 同 的 服务 器 端 控件 来 帮助 程序 员 更 快 
速 高 效 地 完成 数据 的 呈现 。 这 些 用 于 数据 呈现 的 ASPNET 控件 ， 集 成 了 常见 的 数据 显示 
框架 和 数据 处 理 功能 ， 因 而 在 使 用 时 只 需要 设置 某 些 属性 ， 并 将 需要 显示 的 数据 交付 给 控 
件 ， 控 件 就 可 以 帮助 用 户 按照 固定 的 样式 (如 表格 ) 或 通过 模板 自 定义 样式 将 一 系列 数据 呈 
现 出 来 ， 并 自动 继承 某 些 内 置 的 数据 处 理 功能 ， 如 排序 、 分 页 等 ， 当 然 也 可 以 通过 编程 定 
制 或 扩展 控件 的 行为 。 这 些 控件 就 被 称 为 数据 绑 定 控件 ， 而 将 数据 交付 给 数据 绑 定 控件 的 
过 程 就 被 称 为 数据 绑 定 。 

数据 绑 定 控件 本 质 上 依然 是 通过 HIML 来 呈现 数据 的 ， 只 不 过 按照 某 种 样式 生成 
HTML 框架 并 将 数据 填 入 其 中 的 工作 由 控件 自动 完成 了 ， 一 些 复杂 的 数据 绑 定 控件 还 提供 
了 大 量 的 功能 帮助 用 户 对 数据 进行 进一步 操作 ， 如 排序 、 过 滤 、 新 增 、 修 改 和 删除 等 ， 
而 使 得 数据 呈现 的 过 程 变 得 简单 而 灵活 。 正 因为 如 此 ， 数 据 绑 定 控件 的 使 用 是 ASPNET 
编程 中 非常 重要 的 一 部 分 内 容 。 

本 节 首 先 从 简单 的 单 值 控件 和 列表 控件 讲 起 ， 然 后 通过 多 个 例子 详细 地 介绍 最 常用 的 

-种 数据 绑 定 控件 GridView 的 各 个 方面 ， 最 后 介绍 DataList、FormView 和 Repeater 这 3 
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种 用 法 相近 的 数据 绑 定 控件 。 











9.2 ” 单 值 和 列表 控件 的 数据 绑 定 


数据 绑 定 本 质 上 是 将 数据 在 前 台 页 面 上 呈现 , ASPNET 的 页 面 元 素 可 以 简单 地 分 成 两 
类 : HTML 标记 和 服务 器 控件 , 因此 数据 绑 定 实际 上 是 在 HTML 标记 中 或 服务 器 控件 中 设 
置 要 显示 数据 的 过 程 。 对 于 页 面 中 的 HTML 标记 ， 可 以 直接 嵌入 数据 或 绑 定 表 达 式 来 设置 
要 显示 的 数据 ， 而 对 于 服务 器 控件 来 说 ， 通 常 通过 设置 控件 属性 或 指定 数据 源 来 完成 数据 
的 绑 定 ， 并 控制 其 呈现 的 样式 。 常 用 的 绑 定 表达 式 具 有 以 下 形式 : <%#XXX%>， 绑 定 表达 
式 可 以 直接 嵌入 到 前 台 页 面 代码 中 去 , 通常 用 于 HTML 标记 中 的 数据 显示 或 单 值 控件 数据 
设置 ， 如 Label、TextBox 等 。 而 对 于 列表 控件 (如 DropDownList、CheckBoxLisD， 以 及 后 
面 要 着 重 介 绍 的 复杂 数据 绑 定 控件 则 常 采用 设置 数据 源 的 方式 完成 数据 呈现 。 


9.2.1 单 值 绑 定 


【 例 9-1】 演 示 了 单 值 绑 定 的 方法 ， 其 中 通过 绑 定 表达 式 和 后 台 设 置 属性 两 种 方式 设置 
在 HIML 标记 中 和 一 个 简单 服务 器 控件 中 要 显示 的 数据 , 对 单 值 控 件 的 数据 设置 方式 是 通 
用 的 ， 因 此 这 里 只 以 TextBox 为 例 。 

【 例 9-1】 演 示 如 何 进行 单 值 绑 定 。 

(1) 启动 VS, 新 建 一 个 名 为 WebSite9 的 ASP.NET 网 站 , 并 在 网 站 中 添加 一 个 名 为 
SingleValueBinding.aspx 的 网 页 。 新 建 数 据 库 MyDatabase.mdf， 将 WebSite8 中 的 
MyDatabase.mdf 拷 贝 到 WebSite9 相 应 的 目录 App_Data 下 。 

(2) 返回 到 StringValueBinding.aspx 页 面 ， 在 <div> 标 记 中 添加 1 个 Label 控件 和 2 个 
TextBox 控件 ， 并 修改 页 面 代 码 如 下 。 











<div> 
<%# SingleValueBindingStr+"0" %> 
<asp:Label ID="Labell" runat="server" Text=" <%# SingleValueBindingStr+"1" 
%>"></asp:Label> 
<asp:TextBox ID='"TextBoxl" runat="server"></asp:TextBox> 
<asp:TextBox ID="TextBox2" runat="server" Text="Label2"></asp:TextBox> 
</div> 


(3) 修改 页 面 后 台 代 码 如 下 。 


public partial class SingleValueBinding : System.Web.ULPage 
{ 
/在 页 面 代码 中 将 通过 绑 定 表达 式 直接 引用 该 成 员 
public String SingleValueBindingStr = " 单 值 绑 定 "; 
protected void Page Load(object sender, EventArgs e) 


// 页 面 的 数据 绑 定 方法 ， 对 于 绑 定 表达 式 来 说 是 关键 的 一 步 
Page.DataBind(); 
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// 通 过 在 后 台 设置 服务 器 控件 属性 来 绑 定数 据 
this.TextBoxl.Text= this.SingleValueBindingStr + "2"; 
this.TextBox2.Text = this.SingleValueBindingStr + "3"; 
} 
> 


(4) 程序 运行 效果 如 图 9-1 所 示 。 


人 -alhost 





单 值 绑 定 0 单 值 绑 定 1 导语 














图 9-1 SingleValueBinding.aspx 运行 效果 





在 【 例 9-1】 中 ,首先 用 绑 定 表达 式 <%# SingleValueBindingStr + "0" %> 在 Div 标记 中 
显示 绑 定 值 ， 然 后 将 变量 值 绑 定 到 页 面 的 Label 控件 。 最 后 通过 在 后 台 代 码 中 将 变量 值 绑 
定 到 TextBox 控件 。 

这 里 需要 注意 绑 定 表达 式 的 用 法 , 在 <%#96> 标 记 中 通过 直接 引用 页 面 类 中 定义 的 公有 
数据 成 员 SingleValueBindingStr 构成 表达 式 , 这 是 因为 aspx 页 面 是 从 .cs 代码 页 中 的 类 型 继 
承 过 来 的 , 而 <%#96> 标 记 的 作用 正 是 通过 在 前 台 显 示 代码 中 嵌入 访问 后 台数 据 的 表达 式 来 
完成 数据 绑 定 。 这 实际 上 是 通过 绑 定 表达 式 建立 了 后 台 代码 与 前 台 页 面 元 素 之 间 的 联系 ， 
在 输出 页 面 流 时 ， 系 统 根据 绑 定 表达 式 引 用 后 台 代码 产生 的 数据 计算 表达 式 的 值 并 插入 到 
显示 页 面 的 合适 位 置 。 因 而 ， 在 绑 定 表达 式 中 不 仅 可 以 引用 后 台 代码 中 的 公有 数据 成 员 ， 
而 且 可 以 引用 其 公有 方法 ， 有 兴趣 的 读者 可 以 自己 试验 一 下 。 另 外 ， 通 过 表达 式 绑 定数 据 
实际 上 包含 两 个 步骤 : 除了 为 HTML 元 素 或 服务 器 空间 指定 绑 定 表达 式 外 , 还 需要 在 后 台 
代码 中 显 式 调用 控件 的 DataBind() 方 法 ， 和 否则 绑 定 过 程 不 能 完成 ， 将 不 能 产生 预期 的 显示 
效果 ， 支 持 数据 绑 定 的 控件 都 提供 了 DataBind0。 所 以 在 【 例 9-1】 后 台 代 码 的 Page_Load 
方法 中 才 必 须 包含 Page.DataBind() 方 法 的 调用 ， 这 里 Page.DataBind() 方 法 会 调用 页 面 所 有 
控件 及 其 子 控件 的 DataBind() 方 法 (包括 HTML 元 素 )。 

对 于 服务 器 控件 TextBox1， 直 接 在 后 台 代 码 中 设置 了 其 TextBoxl.Text 属性 值 来 完成 
数据 绑 定 。 这 也 是 一 种 通用 的 方法 ， 不 仅 是 对 单 值 控 件 ， 对 于 更 复杂 的 数据 绑 定 控件 也 是 
适用 的 。 只 不 过 当 涉及 多 值 绑 定时 ， 需 要 挨个 设置 各 个 显示 项 的 相应 属性 ， 当 项 数 较 多 时 
会 比较 繁琐 ， 所 以 对 于 多 值 绑 定 更 常用 的 方法 是 通过 设置 控件 数据 源 来 完成 数据 绑 定 。 


9.2.2 ”列表 控件 的 数据 绑 定 


ASPNET 中 的 列表 控件 有 以 下 几 种 : DropDownList 、ListBox 、CheckBoxList 、 
RadioButtonList、BulletedList 等 。 虽 然 这 些 控件 呈现 数据 的 样式 和 某 些 功能 有 所 不 同 ， 但 
本 质 上 都 是 以 数据 项 列表 的 形式 呈现 和 组 织 数据 的 集合 ， 因 此 数据 绑 定 的 方式 也 很 相似 。 
可 以 通过 编程 方式 为 控件 对 象 增加 多 个 数据 项 ， 也 可 以 直接 在 VS 环境 提供 的 图 形 界面 中 
编辑 要 显示 的 数据 项 列表 。 但 由 于 通常 列表 控件 绑 定 的 是 一 个 数据 集合 ， 上 述 两 种 方式 就 
比较 繁琐 了 ， 所 以 对 于 列表 控件 的 数据 绑 定 来 说 ， 更 常用 的 方式 是 指定 数据 源 然 后 调用 控 
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件 的 DataBind() 方 法 。 
下 面 以 3 种 具有 代表 性 的 列表 控件 DropDownList、CheckBoxList、BulletedList 为 例 ， 
演示 如 何 通过 设置 数据 源 绑 定 数据 。C# 中 提供 的 很 多 集合 类 都 可 以 作为 列表 控件 的 数据 源 
对 象 。 一 般 来 说 ， 实 现 IEnumerable、IListSource、IDataSource 和 IHierarchicalDataSource 
的 类 都 可 以 作为 数据 源 。【 例 9-2】 通 过 3 种 不 同 的 方式 构成 3 种 集合 类 对 象 作为 3 种 列 
表 控 件 的 数据 源 。 
【 例 9-2】 通 过 设置 数据 源 绑 定 列表 控件 。 
(1) 在 WebSite9 网 站 中 新 建 一 个 名 为 ListValueBinding.aspx 页 面 并 在 其 中 添加 3 种 列 
表 控 件 ， 如 图 9-2 所 示 。 其 中 ， 在 页 面 中 添加 了 如 下 控件 。 
e 一 个 DropDownList， 一 个 文本 框 用 于 显示 选择 项 的 值 ， 设 置 其 AutoPostBack 属性 
为 True。 

e 一 个 CheckBoxList， 一 个 确定 按钮 和 一 个 文本 框 ， 控 件 每 一 个 绑 定 项 显示 文本 为 
学 生 姓 名 ， 而 值 为 性 别 ， 当 按 下 确定 按钮 后 ， 将 在 文本 框 中 显示 CheckBoxList 中 
所 选 姓名 所 对 应 的 性 别 ( 键 值 对 )。 

e 一 个 用 于 显示 链接 列表 的 BulletedList， 每 一 个 绑 定 项 都 描述 一 个 键 值 对 ， 代 表 指 
向 某 个 网 站 的 链接 。 显 示 文 本 为 超 链 接 形式 的 网 站 名 称 ， 而 值 为 网 站 url， 因 此 需 
要 设置 控件 的 DisplayMode="HyperLink"， 并 设置 Target=" blank"， 代 表单 击 后 目 
标 url 将 在 新 窗口 中 打开 。 
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图 9-2 ”ListValueBinding 设计 页 面 
页 面 代 码 如 下 。 


<div> 
<table style= "width: 480px:"> 
<t> 
<td> 
<asp:Panel ID="Panell" runat="server" Height="190px" Width="160px" 

BorderStyle="Groove"> 

<asp:DropDownList ID="DropDownList1" runat="server" 
AutoPostBack="True" 

Height="53px" Width="150px" 

OnSelectedIndexChanged="DropDownList]l SelectedIndexChanged"> 

</asp:DropDownList> 

<br 这 
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<asp:Label ID="Labell" runat="server" Text=" 已 选择 " 
Width="92%"></asp:Label> 
<br/> 
<asp:TextBox ID="TextBoxl" runat="server" 
Width="150px"></asp:TextBox> 
<br/> 
</asp:Panel> 
</td> 
<td> 
<asp:Panel ID="Panel2" runat="server" Height="190px" Width="160px" 
BorderStyle="Groove" > 
<asp:CheckBoxList ID="CheckBoxListl" runat="server" 
Height="98px" Width="100%"> 
<asp:ListItem> 未 绑 定 </asp:ListItem> 
</asp:CheckBoxList> 
<br/> 
<asp:Button ID="Button1" runat="server" Text=" 确 、 定 " 
Width="150px" OnClick="Button1 Click" /> 
<br/> 
<asp:TextBox ID="TextBox2" runat="server" Width="150px" 
></asp:TextBox> 
<br/> 
</asp:Panel> 
</td> 
<td> 
<asp:Panel ID="Panel3" runat="server" Height="190px" Width="200px" 
BorderStyle="Groove"> 
<asp:BulletedList ID="BulletedListl" runat="server" 
Height="160px" Target="_blank" Width="73%" 
BulletStyle="Disc"> 
</asp:BulletedList> 
</asp:Panel> 
</td> 
</tr> 
</table> 
</div> 


(2) 在 后 台 页 面 类 中 添加 如 下 代码 。 


using System:; 

using System.Collections; 

using System.Collections.Generic; 
using System.Linq:; 

using System. Web; 

using System. Web.UI: 

using System.Web.ULWebControls: 


namespace WebSite9 
{ 
public partial class ListValueBinding : System. Web.UI.Page 


4 
// 定 义 三 种 数据 源 
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/定义 并 初始 化 字符 串 数 组 

String[] DataSourceForDDL = new String[] {" 张 小 兵 ", " 李 明 ", " 陈 飞 " }; 
/定义 哈 希 表 

Hashtable DataSourceForCBL = new Hashtable(3); 

/定义 ArrayList 


ArrayList DataSourceForBL = new ArrayList(); 
protected void Page Load(object sender, EventArgs e) 


1 


1f(!IsPostBack) 


NH 


// 初 始 化 喻 希 表 DataSourceForCBL 
this.DataSourceForCBL.Add(" 徐 明明 ", " 男 "); 
this.DataSourceForCBL.Add(" 韩 旭 "," 女 "); 
this.DataSourceForCBL.Add(" 陈 静 "," 女 "); 

// 初 始 化 DataSourceForBL 
this.DataSourceForBL.Add(new KeyValueClass(" 百 度 "， 


"http://www.baidu.com")); 


this.DataSourceForBL.Add(new KeyValueClass("CSDN", 


"http://www.CSDN.net")); 


属性 


/为 DropDownList 绑 定 数据 

this.DropDownList1.DataSource = this.DataSourceForDDL; 

this.DropDownListl.DataBind0:; 

/完成 绑 定 后 在 DropDownList 中 第 一 个 位 置 插入 一 个 数据 项 

this.DropDownListl .Items.Insert(0, "请 选择 "); 

/为 CheckBoxList 绑 定数 据 

this.CheckBoxListl.DataSource = this.DataSourceForCBL:; 

/由 于 哈 希 表 中 存储 一 个 键 值 对 的 集合 并 希望 在 CheckBoxList 
/中 处 理 键 值 对 ， 因 此 设 定数 据 源 后 还 需 设 定 DataTextField 和 DataValueField 


this.CheckBoxListl.DataTextField = "key"; 
this.CheckBoxListl.DataValueField = "value"': 
this.CheckBoxListl.DataBind0; 

/为 BulletedList 绑 定数 据 
this.BulletedList1.DataSource = this.DataSourceForBL; 
this.BulletedListl.DataTextField = "Name": 
this.BulletedListl.DataValueField = "Url": 
this.BulletedListl.DataBind0: 


代码 中 定义 了 3 种 集合 类 对 象 并 进行 了 初始 化 : 字符 串 数 组 DataSourceForDDL 用 作 
DropDownList 的 数据 源 ， 哈 希 表 DataSourceForCBL 用 作 CheckBoxList，ArraryList 对 象 
DataSourceForBL 用 作 BulletedList 的 数据 源 。3 种 列表 控件 的 数据 项 对 象 都 具有 以 下 两 种 
属性 : DataTextField 和 DataValueField， 其 中 只 有 DataTextField 的 值 会 被 呈现 ， 因 此 它们 
既 可 以 处 理 单 值 集合 也 可 以 处 理 键 值 对 数据 的 集合 。 


注意 : 





当 处 理 键 值 对 时 ， 在 指定 数据 源 后 ， 要 设置 上 述 两 个 属性 以 指定 数据 源 中 对 应 于 键 和 
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值 的 数据 域 。 


(3) 然后 再 添加 一 个 帮助 类 KeyValueClass， 其 中 可 以 存储 一 个 键 值 对 ， 用 于 初始 化 
DSForBL 对 象 。 





/// <summary> 
/1/ 帮助 类 KeyValueClass 的 定义 ， 其 对 象 存储 一 个 WebSiteName: WebSiteUrl 
// 的 键 值 对 ， 被 添加 至 作为 数据 源 的 ArrayList 中 
/</summary> 
using System: 
public class KeyValueClass 
{ 
private String WebSiteName: 
private String WebSiteUrl; 
public String Name 
i 
get { retum WebSiteName; } 
set { WebSiteName = value: } 


public String Url 


{ 
get { retum WebSiteUrl: } 
set { WebSiteUrl = value: } 


public KeyValueClass(String name, String url) 
i 


this.WebSiteName = name; 
this. WebSiteUrl] = url; 


h 
(4) 运行 后 结果 如 图 9-3 所 示 。 











图 9-3 数据 绑 定 后 的 列表 控件 
当 数 据 绑 定 完 成 后 就 可 以 通过 控件 提供 的 各 种 事件 定制 其 行为 ， 对 数据 进行 进一步 


处 理 





(5) 为 DropDownList 和 【确定 】 按 钮 添加 事件 处 理 代码 如 下 。 


protected void DropDownListl _SelectedIndexChanged(object sender, EventArgs e) 
是 
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/清除 上 次 显示 内 容 
TextBoxl.Text = ""; 
// 在 文本 框 中 显示 所 选 列表 项 
TextBoxl.Text = DropDownListl] .SelectedValue; 
> 
protected void Button1 Click(object sender, EventArgs e) 
{ 


TextBox2.Text = ""; 


// 循 环 遍历 CheckBoxList 中 每 个 项 ， 如 果 已 选择 在 文本 框 中 显示 选中 项 显示 文本 和 值 
foreach (ListItem li in CheckBoxList] .Items) 


if (li.Selected) TextBox2.Text +=li.Text+":"+li.Value +","; 
} 
; 


(6) 运行 效果 如 图 9-4 所 示 。 


DBE SE hp/ ocohost237 4 soledindirg aspx PEET] A 


DE sse sau Wat IEO 向 





图 9-4 事件 处 理 运 行 效果 


9.3 ”GridView 控件 


GridView 是 一 个 功能 强大 的 数据 绑 定 控件 ， 主 要 用 于 以 表格 形式 呈现 、 编 辑 关系 数据 


集 。 对 应 于 关系 数据 集 的 结构 ，GridView 控件 以 列 为 单位 组 织 其 所 呈现 的 数据 ， 除 了 普通 
的 文本 列 ， 还 提供 多 种 不 同 的 内 置 列 样式 ， 如 按钮 列 、 图 像 列 、 复 选 框 形式 的 数据 列 等 ， 
可 以 通过 设置 GridView 控件 的 绑 定 列 属 性 以 不 同 的 样式 呈现 数据 ,或 通过 模板 列 自 定义 列 


的 


显示 样式 。 
在 数据 绑 定时 通常 将 访问 关系 数据 库 得 到 的 结果 集 作为 GridView 控件 的 数据 源 ， 


GridView 控件 对 其 所 呈现 的 数据 集 提 供 内 置 的 编辑 、 修 改 、 更 新 、 删 除 以 及 分 页 和 排序 功 
能 ， 但 是 要 使 用 控件 的 内 置 数据 处 理 功能 ， 需 要 使 用 ASPNET 提供 的 数据 源 控件 (如 
SqlDataSource 和 ObjectDataSource)， 否 则 需要 手动 编写 事件 处 理 程序 来 实现 相应 功能 。 虽 
然 采 用 数据 源 控件 来 连接 数据 库 并 处 理 数 据 更 加 方便 ， 但 手动 编写 代码 却 更 加 灵活 ， 并 且 
在 编写 代码 的 过 程 中 可 以 更 深入 地 了 解 GridView 控件 的 运行 方式 ， 因 而 更 具有 参考 意义 。 
所 以 本 章 的 例子 将 采用 查询 数据 库 得 到 的 DataTable 对 象 作 为 控件 数据 源 ， 然 后 通过 编写 














事件 程序 的 方式 来 实现 数据 处 理 功能 ， 而 在 下 一 节 中 采用 数据 源 控件 绑 定 FomView 控件 
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并 使 用 内 置 的 数据 处 理 功能 。 


本 节 将 从 以 下 3 个 方面 介绍 GridView 控件 的 使 


9.3.1 














基本 的 数据 绑 定 方式 操作 ; 
各 种 绑 定 列 和 模板 列 的 灵活 运用 ; 
数据 的 分 页 和 排序 功能 的 实现 。 


GridView 的 数据 绑 定 





【 例 9-3】 将 演示 如 何 进行 GridView 的 数据 绑 定 。 其 基本 的 数据 绑 定 方式 与 列表 控件 
类 似 ， 首 先 设置 数据 源 ， 后 调用 DataBind0 方 法 。 本 例 在 一 个 GridView 控件 中 呈现 关系 数 
据 集 ， 因 此 需要 访问 数据 库 获取 作为 控件 数据 源 的 结果 集 ， 数 据 库 沿 用 前 一 章 的 student 
数据 库 。 数 据 库 创 建 和 访问 方式 在 前 一 章 已 经 详 


细 介 绍 过 ， 这 里 就 不 再 袭 述 。 abc 
【 例 9-3】 为 GridView 控件 绑 定数 据 源 。 ec 
(1) 在 WebSite9 网 站 中 新 建 一 个 名 为 abc 








Column0 Column] Column2 


EE 
EEE 


abc 


GridViewBingding 1.aspx 的 页 面 ， 并 在 页 面 上 添 Lad 


加 一 个 GridView 控件 ， 如 图 9-5 所 示 。 


图 9-5 GridViewBingding_1.aspx 设计 页 面 


对 应 页 面 代码 如 下 。 


<div> 
<asp:GridView ID="GridViewl" runat="server"> </asp:GridView> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label><br /> 
</div> 


(2) 为 页 面 后 台 类 添加 数据 绑 定 代码 如 下 。 


using System.Configuration: 
using System.Data; 
using System.Data.SqlClient: 
namespace WebSite9 
{ 
public partial class GridViewBingding_1 : System.Web.UILPage 
{ /编写 以 下 代码 
protected void Page Load(object sender, EventArgs e) 


/查询 student 数据 库 获 取 结 果 集 ds 
string sqlconnstr = ConfigurationManager.ConnectionStrings 


["ConnectionString"].ConnectionString: 


DataSet ds = new DataSetO: 
using (SqlConnection sqlconn = new SqlConnection(sqlconnstr)) 


SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
sqld.Fill(ds., "tabstudent"): 


} 
// 以 数据 集中 名 为 tabstudent 的 DataTable 作为 数据 源 ， 为 控件 绑 定 数据 
GridView1.DataSource = ds.Tables["tabstudent"].DefaultView: 
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GridView1.DataBind(:; 
/llabel 中 显示 运行 状态 
= mn 
Labell.Text= "查找 成 功 "; ET 
兵 |1989/629 0:00:00 | 可 苑 现 | 
现 |1988/1/20:00:00 | 上 海 2jpg 
3 |1989/9.25 0:00:00 | 信阳 Bjpg 
} LE 158868 0.0000 |3H 4jpg 





放 |1989/1211 0-:00:00j 了 7 了 阳 5jpg 
|1985/7121 0:00:00 厂 州 6jpg 


(3) 运行 效果 如 下 图 9-6 所 示 。 E eoans oon Rriee | 
9.3.2 设 定 GridView 的 绑 定 列 和 模板 列 


由 【 例 9-3】 可 以 看 出 ，GridView 的 数据 绑 定 人 
方式 操作 非常 简单 ， 只 用 几 名 简单 的 代码 就 可 以 将 和合 

数据 集 以 表格 形式 呈现 出 来 ， 但 这 种 方式 的 呈现 效果 很 简陋 。 实 际 上 ， 可 以 通过 设置 
Gridview 控件 的 绑 定 列 属性 使 其 呈现 不 同 的 列 样式 ， 实 现 数据 的 编辑 和 修改 ,或 编辑 模板 
列 定制 所 需 的 列 样式 和 功能 。 

下 面 【 例 9-4] 将 演示 如 何 为 GridView 设置 绑 定 列 、 调 整数 据 旺 现 效果 、 实 现 数据 的 
编辑 和 修改 功能 以 及 如 何 通过 定义 列 模板 使 其 呈现 自 定义 样式 。 在 开始 之 前 先 来 看 看 
Gridview 提供 了 哪儿 种 内 置 的 绑 定 列 样式 ,如 何在 VS 中 设置 控件 及 如 何 定义 模板 列 样式 。 

在 VS 中 可 以 通过 边界 任务 面板 进行 列 的 配置 ， 如 图 9-7 所 示 ， 单 击 GridView 右上 角 
的 小 箭头 打开 面板 。 
































hsy610:0000 哎 阳 Bjpg 





也 100% 一 























图 9-7 GridView 使 捷 任务 面板 
可 以 看 到 , 面板 上 包含 【自动 套用 格式 】 选 项 , 通过 【自动 套用 格式 】 可 以 为 GridView 
应 用 一 些 内 置 的 表格 呈现 样式 。 这 里 着 重 介 绍 【 编 辑 列 】 选 项 和 【编辑 模板 】 选 项 。 其 中 ， 
【编辑 列 】 选 项 用 于 设置 表格 的 绑 定 列 数据 性 ， 而 【编辑 模板 】 选 项 用 于 编辑 模板 列 中 的 显 
示 项 的 样式 。 单 击 图 9-7 的 “编辑 列 ” 选 项 打开 设置 GridView 列 样式 的 “字段 ”对 话 框 ， 
如 图 9-8 所 示 。 

















图 9-8 用 于 编辑 GridView 各 个 数据 列 样式 的 【字段 】 对 话 框 
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图 9-8 中 左上 角 【 可 用 字段 】 列 表 列 出 了 可 用 的 绑 定 列 类 型 ， 单 击 【 添 加 】 按 钮 就 可 
以 设置 GridView 控件 中 显示 的 列 及 其 类 型 。 共 有 8 种 类 型 ， 如 下 所 示 。 

e。 BoundField: 以 文字 形式 呈现 数据 的 普通 绑 定 列 类 型 。 

e@ CheckBoxField: 以 复 选 框 形式 呈现 数据 , 绑 定 到 该 类 型 的 列 数据 应 该 具有 布尔 值 。 

e HyperLinkField: 以 链接 形式 呈现 数据 ， 绑 定 到 该 类 型 的 列 数据 应 该 是 指向 某 个 网 

站 或 网 上 资源 的 地 址 。 

。 ImageField: 以 图 片 形式 呈现 数据 。 

e@ ButtonField: 按钮 列 ， 以 按钮 的 形式 呈现 数据 或 进行 数据 的 操作 。 例 如 删除 记录 的 

按钮 列 。 

e CommandField: 系统 内 置 的 一 些 操作 按钮 列 ， 可 以 实现 对 记录 的 编辑 、 修 改 、 删 

除 等 操作 。 
e TemplateField: 模板 列 中 对 各 个 数据 项 并 不 给 出 预 设 的 显示 样式 , 而 是 通过 自 定义 
的 方式 在 项 模板 中 设置 数据 项 的 显示 方式 。 

在 实际 应 用 的 时 候 ， 可 以 根据 需要 显示 的 数据 类 型 ， 选 择 要 绑 定 的 列 类 型 并 设置 其 映 
射 到 数据 集 的 字段 名 称 和 呈现 样式 (设置 绑 定 列 后 GridView 中 将 只 显示 映射 列 数据 ， 否 则 
系统 将 默认 以 BoundField 类 型 显示 数据 源 表 中 的 所 有 列 )。 例 如 ，【 例 9-3】 中 作为 数据 源 
的 student 表 数 据 , 如 果 想 在 GridView 中 以 BoundField 类 型 显示 其 中 字段 名 为 “姓名 ”的 列 ， 
可 以 作 如 下 设置 ， 在 图 9-8 所 示 字 段 编辑 窗口 中 添加 一 个 BoundField 列 ， 如 图 9-9 所 示 。 














图 9-9 为 GridView 添加 绑 定 列 


在 右 方 字段 属性 编辑 框 中 设置 DataField 数据 性 为 Name， 其 中 Name 对 应 于 作为 数据 
源 的 student 表 中 的 Name 字段 , 通过 该 属性 完成 显示 列 与 源 之 间 的 数据 映射 , 而 HeaderText 
属性 表示 该 字段 呈现 在 GridView 中 时 的 表 头 名 称 ， 这 里 设置 为 “姓名 ”。 在 属性 编辑 框 中 
还 可 以 设置 列 的 显示 外 观 或 行为 等 其 他 属性 ， 这 里 就 不 再 袭 述 。 

通过 类 似 的 方式 就 可 以 为 GridView 控件 添加 其 他 类 型 的 绑 定 列 ， 这 里 CommandField 
的 使 用 方式 稍 有 特殊 。 通 过 CommandField 类 型 ， 并 配合 事件 处 理 程序 就 可 以 在 GridView 
中 完成 数据 的 编辑 、 修 改 、 插 入 等 等 操作 。 添 加 并 设置 CommandField 类 型 的 方式 ， 展 开 
CommandField， 如 图 9-10 所 示 。 
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可 见 CommandField 有 3 种 类 型 可 以 选择 ， 不 同 的 类 型 意味 着 在 CommandField 列 显 
示 不 同 的 命令 按钮 ， 如 选择 【编辑 、 更 新 、 取 消 】， 列 样式 如 图 9-11 所 示 。 




















图 9-10 ”CommandField 类 型 图 9-11 添加 【编辑 、 更 新 、 取 消 】 列 

运行 时 单 击 【编辑 】 按 钮 ， 列 中 的 编辑 按钮 将 会 被 蔡 换 为 两 个 按钮 【更 新 、 取 消 】， 
因此 列 的 运行 时 实际 上 包含 了 3 个 命令 按 
钮 ， 单 击 按钮 所 发 生 的 行为 需要 通过 设置 ey “ 
相应 的 事件 程序 完成 ， 由 于 CommandField EE 
类 型 是 一 种 控件 内 置 的 用 于 编辑 数据 的 绑 ER 
定 类 型 ， 因 此 其 事件 在 GridView 控件 的 属 号 ”， 
性 窗口 中 设置 , GridView 控件 的 属性 窗口 Sacacnehoes 
和 选择 事件 列表 如 图 9-12 所 示 。 ro 

其 中 的 RowEditing、RowUpdating、 2 
RowDeleting、RowCancelingEdit 事件 分 别 Ee 
在 编辑 、 更 新 、 删 除 、 取 消 按钮 被 单 击 时 图 942 GridView 的 事件 编辑 窗口 


触发 。 通 过 为 这 些 事件 添加 相应 的 处 理 程序 就 可 以 完成 数据 的 编辑 和 修改 功能 。 

对 于 TemplateField 类 型 , 需要 先 编辑 模板 来 定义 列 中 各 个 项 的 显示 样式 , 然后 根据 自 
定义 模板 绑 定 模板 列 ， 系 统 将 根据 模板 中 定义 的 样式 呈现 数据 。GridView 中 自 定义 模板 的 
方式 与 DataList 或 Repeater 控件 的 模板 定义 方式 类 似 ， 放 在 后 续 章 节 介绍 。 

【 例 9-4】 演 示 为 GridView 设置 绑 定 列 来 显示 student 表 数 据 的 完整 过 程 ，【 例 9-4】 
中 将 包含 4 个 BoundField 列 ，1 个 CommandField 列 和 1 个 ButtonField 列 ， 这 里 将 为 各 个 
命令 按钮 添加 事件 处 理 程序 完成 数据 的 编辑 、 更 新 和 删除 功能 。 

【 例 9-4】 演 示 为 GridView 控件 设置 绑 定 列 。 

(1) 在 WebSite9 网 站 中 新 建 一 个 名 为 GridViewBingding 2.aspx 的 页 面 , 在 页 面 上 添加 

-个 GridView 控件 ， 为 其 添加 如 下 绑 定 列 并 设置 数据 映射 ， 如 图 9-13 所 示 。 

e 学 号 列 : BoundField 类 型 ， 绑 定 字 段 no。 

e@ 姓名 列 : BoundField 类 型 ， 绑 定 字 段 name。 

e 出 生日 期 列 : BoundField 类 型 ， 绑 定 字段 birth 。 

。 地址 列 : BoundField 类 型 ， 绑 定 字 段 address。 

e 编辑 列 : CommandField 类 型 ， 子 类 型 为 编辑 、 更 新 、 取 消 ， 实 现 数据 的 编辑 和 

更 新 。 
e 删除 按钮 列 : ButtonField 类 型 ， 实 现 记录 的 删除 。 
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页 面 设计 效果 如 图 9-14 所 示 。 












学 号 姓名 ”出 生日 期 。” 地 址 
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族 j 绑 定 ”数据 绑 定 。 歼 据 必定 数据 十 定 。 编辑 | 
施 j 绑 定 。 数据 岩 定 。 歼 据 必定 数据 线 定 。 编辑 出] 
孝 据 绑 定 。 数据 绑 定 数据 斤 定 。 数据 绑 定 编辑 而 | 
妆 据 绑 定 。 数据 绑 定 。 数据 绑 定 数据 绑 定 ”编辑 而] 


























图 9-13 为 GridView 控件 添加 并 设置 绑 定 列 图 9-14 _ GridViewBingding 2.aspx 设计 页 面 
页 面 代码 如 下 。 
<div> 


<asp:GridView ID="GridViewl" runat="server" AutoGenerateColumns="False" 
OnRowCancelingEdit="GridViewl RowCancelingEdit" 
OnRowEditing="GridViewl RowEditing" 
OnRowUpdating="GridViewl_ RowUpdating" 
DataKeyNames="no" OnRowDeleting="GridViewl RowDeleting" Height="185px" 
Width="478px"> 
<Columns> 
<asp:BoundField DataField="No" HeaderText=" 学 号 " ReadOnly="True" /> 
<asp:BoundField DataField="Name" HeaderText=" 姓 名 " /> 
<asp:BoundField DataField="birthday" HeaderText=" 出 生日 期 " /> 
<asp:BoundField DataField="Address" HeaderText=" 地 址 " /> 
<asp:CommandField InsertVisible="False" ShowEditButton="True" /> 
<asp:ButtonField ButtonType="Button" CommandName="delete" Text=" 删 除 " /> 
</Columns> 
</asp:GridView> 
</div> 


(2) 在 页 面 后 台 类 中 添加 如 下 代码 ， 以 进行 数据 绑 定 。 


using System.Configuration: 
using System_.Data: 
using System.Data.SqlClient: 


protected void Page_Load(object sender, EventArgs e) 


if (!Page .IsPostBack) bindgridO): 
} 
void bindsgrid0) 
和 
/查询 student 数据 库 获 取 结果 集 ds 
string sqlconnstr = 


ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: 
DataSet ds = new DataSet(); 
using (SqlConnection sqlconn = new SqlConnection(sqlconnstr)) 
t 
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SqlDataAdapter sqld = new SqlDataAdapter("select No.Name.birthday,Address 
from student", sqlconn); 
sqld.Fill(ds, "tabstudent"): 
// 以 数据 集中 名 为 tabstudent 的 DataTable 作为 数据 源 ， 为 控件 绑 定 数据 
GridView1.DataSource = ds.Tables["tabstudent"].DefaultView: 


GridView1.DataBind0); 
} 
(3) 为 命令 按钮 列 绑 定 事件 处 理 方法 ， 如 图 9-15 所 示 。 
本 
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图 9-15 为 命令 事件 设置 事件 处 理 方法 
(4) 在 页 面 后 台 事 件 处 理 方法 中 添加 事件 处 理 代码 如 下 。 


protected void GridView1l_RowEditing(object sender, GridViewEditEventArgs e) 


GridView1.Editmdex = e.NewEditIndex: 

bindgridO): 
} 
protected void GridView1 RowUpdating(object sender, GridViewUpdateEventArgs e) 
{ 

string sqlconnstr = 


ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: ; 

SqlConnection sqlconn = new SqlConnection(sqlconnstr); 

// 提 交行 修改 

sqlconn.Open(); 

SqlCommand Comm = new SqlCommand(:; 

Comm.Connection = sqlconn: 

Comm.CommandText = "update student set 
Name=(@Name,birthday=(@birthday, Address=(@Address where No=@No"; 

Comm -Parameters.AddWithValue("Q@No'"， 
GridView1.DataKeys[e.RowIndex].Value.ToStrngO); 

Comm.Parameters.AddWithValue("(DName". 
((TextBox)GridView]1.Rows[e.RowIndex].Cells[1].Controls[0]). Text); 

Comm.Parameters.AddWithValue("(@birthday", 
((TextBox)GridView]1.Rows[e.RowIndex].Cells[2].Controls[0]). Text); 

Comm.Parameters.AddWithValue("(WAddress", 
((IextBox)GridView1.Rows[eRowIndex].Cells[3].Controls[0D).Text); 
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Comm.ExecuteNonQuery():; 
sqlconn.Close0: 

sqlconn = null: 

Comm = null: 
GridView].EditIndex = -1; 


bindgrid(); 
上 
protected void GridView1l_ RowCancelingEdit(object sender, 
GridViewCancelEditEventArgs e) 
1 
GridView1.Editmdex = -1:; 
bindgrid|); 
} 
protected void GridView1l_ RowDeleting(object sender, GridViewDeleteEventArgs e) 
// 设 置 数据 库 连 接 
string sqlconnstr = 


ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: ; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
sqlconn.Open(); 

// 删 除 行 处 理 
String sql = "delete from student where No=" + 

GridView1.DataKeys[e.RowIndex].Value.ToStrng0 
SqlCommand Comm = new SqlCommand(sql, sqlconn); 
Comm.ExecuteNonQuery0: 
sqlconn.Close(); 
sqlconn = null; 

Comm = null; 
GridView]l.EditIndex = -1; 
bindgridO; 

} 


(5) 页 面 运行 效果 如 图 9-16 所 示 。 
(6) 单 击 【 编 辑 】 按 钮 后 出 现 编辑 和 更 新 界面 ， 如 图 9-17 所 示 。 
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图 9-16 GridViewBingding 2.aspx 运行 效果 图 9-17 GridViewBingding 2.aspx 的 编辑 效果 
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9.3.3 GridView 的 排序 


GridView 控件 提供 了 用 于 实现 排序 功能 的 接口 , 通过 设置 相关 属性 并 实现 排序 事件 的 
处 理 代码 就 可 以 完成 排序 功能 。 这 里 将 以 【 例 9-4】 提 供 的 界面 的 基础 上 实现 排序 功能 。 

【 例 9-5】 通 过 GridView 控件 实现 数据 记录 排序 功能 。 

(1) 在 [ 例 9-4] 中 GridViewBingding 2.aspx 页 面 中 设置 GridView 控 件 属性 AllowSorting 
True， 如 图 9-18 所 示 。 

除了 AllowSorting 属性 ， 还 必须 设置 作为 排序 关键 
字 的 列 的 SortExpression 属性 ， 这 是 因为 GridView 中 可 Ae 





























以 包含 按钮 列 ， 按 钮 列 一 般 并 不 映射 到 某 个 数据 字段 ， rrr > 
而 排序 必须 以 某 个 字段 作为 排序 关键 字 才 能 完成 。 te 
(2) 在 GridView 控件 的 便捷 任务 面板 中 打开 “编辑 et - 
列 ” 对 话 框 ， 选 择 可 以 作为 排序 关键 字 的 列 ， 设 置 其 spt 
SortExpression 属性 为 排序 字段 名 ， 如 图 9-19 所 示 。 图 9-18 设置 AllowSorting 属性 
这 时 作为 排序 关键 字 的 列 名 变 为 超 链接 样式 ， 如 
图 9-20 所 示 。 


Gideradng Posp EE EE 
DN OV ene 

No Name Sex birthday Adress Photo 加 
雪 据 六 定 ” 数 振 绑 定 ”数据 做 定 ”数据 绑 定 。 数据 境 定 ”数据 绑 定 
数据 贞 定 ” 数 振 绑 定 ”数据 乡 定 ”数据 绑 定 。 数据 绑 定 ”数据 绑 定 
数据 亢 证 ”数据 绑 定 数据 厚 定 ”数据 绑 定 。 数据 旷 定 ” 败 据 绑 定 
数据 查 定 ” 数 握 绑 定 ” 煞 据 得 定 ” 歼 握 绑 定 。 数据 紫 定 ”数据 绑 定 
歼 撕 乡 定 “数据 绑 定 ”数据 讲 定 “数据 绑 定 。 数据 指定 ”数据 绑 定 


图 9-19 设置 SortExpression 属性 图 9-20 设置 排序 属性 后 的 控件 样式 





Ei 











(3) 为 GridView 控件 设置 排序 事件 处 理 方法 ， 如 图 9-21 所 示 。 


GridViewl System Web, UT. WebControls. Gridyiew = 
园 刀 昌国 纪 
RowUpdated < 
Eastine Gridvierl orsdetine 
SelectedIndexChanged 
Seleete nlch neine 





图 9-21 为 控件 设置 排序 事件 处 理 方法 
GridView 的 排序 功能 通过 响应 排序 事件 在 后 台 生 成 已 排序 的 数据 源 后 重新 绑 定 数据 


来 完成 ， 因 此 需要 事件 相应 代码 中 需要 获取 排序 字段 名 和 排序 方式 (升序 、 降 序 )， 然 后 据 
此 对 数据 源 进行 排序 后 重新 绑 定数 据 。 
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(4) 为 排序 事件 处 理 方 法 添加 代码 如 下 ， 代 码 中 用 一 个 ViewState["SortDirection"] 来 记 
录 当 前 的 排序 顺序 ， 用 一 个 ViewState["SortExpression"] 记 录 作 为 排序 关键 字 的 字段 名 ， 然 
后 重新 绑 定数 据 。 

protected void GridView1l_Sorting(object sender, GridViewSortEventArgs e) 
1 








if(ViewState["SortDirection"] 一 null) ViewState["SortDirection"] = "DESC"; 

1f (ViewState["SortDirection"] .ToString0 — "ASC") 
ViewState["SortDirection"] = "DESC"; 

else 
ViewState["SortDirection"] = "ASC": 

ViewState["SortExpression"] = e.SortExpression 

this.DataBind(); 

' 


修改 DataBind0 代 码 如 下 ， 使 其 根据 ViewState["SortDirection"] 的 值 生成 排序 后 的 
DataView 对 象 作为 数据 源 。 


void bindgridO 
{ 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: ; 
DataSet ds = new DataSet(: 
using (SqlConnection sqlconn = new SqlConnection(sqlconnstr)) 


SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
sqld.Fill(ds, "tabstudent"): 


} 
// 判 断 是 否 已 经 进行 排序 ， 如 果 是 则 按照 ViewState 中 存储 的 信息 生成 排序 后 的 
DataView 对 象 
if (ViewState["SortDirection"] — null) 
GridView1.DataSource = ds.Tables["tabstudent"].DefaultView: 
else 
1 
DataView SortedDV = new DataView(ds.Tables["tabstudent"]): 
SortedDV.Sort = ViewState["SortExpression"].ToStringO + " "+ 
ViewState["SortDirection"].ToString0: 
GridView1.DataSource = SortedDV: 
} 
GridView1.DataBind(; 
} 


(5) 排序 效果 如 图 9-22 所 示 。 





9.3.4 ”GridView 的 分 页 
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GridView 控件 提供 了 内 置 的 分 页 功能 , 绑 
定数 据 后 只 要 设置 分 页 相关 属性 ， 即 可 自动 完 
成 分 页 功能 ， 只 须 在 分 页 导航 按钮 的 单 击 事件 
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图 9-22 ”GridView 排序 效果 
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处 理 方法 中 添加 代码 ， 设 置 当前 要 显示 的 页 索引 并 重新 绑 定数 据 即 可 。 


【 例 9-6】 通 过 GridView 控件 实现 数据 记录 i 
分 页 显示 功能 。 ni 

(1) 在 WebSite9 网 站 中 新 建 一 个 名 为 过 
GridViewBingding 3 aspx 的 页 面 ， 在 页 面 上 添加 上 

Label 
-个 GridVi 空 件 , 并 添 显示 分 页 信息 了 芯 
个 GridView 控件 ,并 添加 用 于 显示 分 页 信息 的 图 9-23 GridViewBingding 3.aspx 

Label， 页 面 设计 如 图 9-23 所 示 。 设计 页 面 

(2) 页 面 代码 如 下 。 

<div> 


<asp:GridView ID="GridViewl" runat="server" AllowPaging="True" 
OnPageIndexChanging="GridView1_ PageIndexChanging" 
PageSize="3" OnDataBound="GridViewl DataBound"> 
<PagerSettings Mode="NextPrevious" NextPageText=" 下 一 页 &gt;&gt;" 
PreviousPageText="&lt:&lt; 上 一 页 " /> 
</asp:GridView> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
&nbsp; 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label><br /> 
<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label><br /> 


</div> 
(3) 在 后 台 添加 数据 绑 定 的 代码 如 下 。 


using System.Configuration: 
using System.Data: 
using System.Data.SqlClient: 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) bindgridO; 


3; 
void bindgridO 


! 
// 查 询 student 数据 库 获取 结果 集 ds 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: 
DataSet ds = new DataSet():; 
using (SqlConnection sqlconn = new SqlConnection(sqlconnstr)) 
1 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
sqld.Fill(ds, "tabstudent"):; 
’; 
/以 数据 集中 名 为 tabstudent 的 DataTable 作为 数据 源 ， 为 控件 绑 定数 据 
GridView1.DataSource = ds.Tables["tabstudent"].DefaultView: 


GridView1.DataBind0: } 
(4) 打开 GridView 数据 属性 设置 窗口 ， 为 其 设置 分 页 相关 属性 ， 如 图 9-24 所 示 。 
分 页 的 设置 主要 有 以 下 3 个 属性 。 
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e AllowPaging: 设置 是 否 打 开 分 页 功能 。 
e。 PageIndex: 当前 显示 的 页 索引 。 
@ PageSize: 设置 每 页 包含 的 最 大 项 数 。 
除了 上 述 3 种 分 页 属性 ， 还 可 展开 PageSettings 子 项 ， 在 其 中 设置 分 页 模式 、 分 页 按 
钮 的 显示 文本 等 分 页 后 的 控件 样式 。 其 中 Mode 属性 设置 分 页 模式 ， 共 有 4 种 可 选 模式 ， 
这 里 选择 NextPrevieus 模式 。 
(5) 设置 完 分 页 属性 后 就 可 以 为 分 页 导航 按钮 设置 分 页 事件 处 理 方 法 ,如 图 9-25 所 示 。 
i 
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ee 
A GeilVierl peelndethaneing 

















3 vx RowConaand 
GridView1 System.Web,ULWebControls. ~ i 


中 | 双 | 办 | 多 天 RowEditing 
RovUpdated 
RowUpdating 




















Firstpagelmagel a 
FirstpageText Bltait: SalectedTndexChanged 
LastPagelmagel SelectedIndexChanging 
LastpageText ”8&gt&gt Sorted 

M NextPreviol ] Sorting 





bm DataBinding 
Mode DataBound Gridyiewl_Databound 
要 使 用 的 分 页 icFirstt RowDataBound 

旧 抹 为 











图 9-24 ”GridView 分 页 属性 设置 图 9-25 设置 分 页 事件 处 理 方法 
图 9-25 中 为 PageIndexChanging 事件 设置 了 事件 处 理 方法 ， 该 事件 在 分 页 导航 按钮 被 
单 击 时 触发 ， 并 返回 导航 按钮 所 指示 的 ， 也 就 是 控件 中 要 显示 的 页 的 索引 ， 在 其 事件 处 理 
方法 中 根据 该 索引 设置 要 显示 的 页 并 重新 绑 定 数据 即 可 完成 分 页 。 另 外 还 设置 了 
DataBound 事件 的 处 理 方法 ， 用 于 在 分 页 时 重新 绑 定数 据 后 设置 Label 控件 显示 分 页 信息 ， 
以 及 总 共 的 页 数 、 当 前 页 数 。 
(6) 为 事件 处 理 方法 添加 代码 如 下 。 
protected void GridView1l_PageIndexChanging(object sender, GridViewPageEventArgs e) 
{ 


/设置 要 显示 的 页 的 索引 并 重新 绑 定数 据 
GridView1.PageIndex =eNewPageIndex: 


bindsgridO; 
} 
protected void GridView1l_DataBound(object sender, EventArgs e) 
{ 


/分 页 数据 绑 定 前 设置 当前 页 信息 

Label2.Text = " 共 " + (GridViewl.PageCount).ToStringO + "页 "; 

Labell.Text= "第 "+ (GridViewl.PageIndex + 1) .ToStringO + "页 "; 

Label3.Text = string.Format(" 总 页 数 : {0}， 当 前 页 : {1}", GridView1.PageCount, 
GridView1.PageIndex+ 1); 


(7) 运行 效果 如 图 9-26 所 示 。 
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图 9-26 GridViewBingding 3.aspx 运行 效果 


9.4 DataList 和 FormView 控件 


本 节 将 介绍 另外 两 种 较为 复杂 的 数据 绑 定 控件 : DataList 控件 和 FomView 控件 。 与 
GridView 一 样 ， 这 两 种 服务 器 控件 也 用 于 呈现 关系 数据 库 集 ， 但 它们 不 像 GridView 控件 
那样 以 固定 表格 样式 显示 数据 ， 而 以 自 定义 模板 方式 定制 数据 的 呈现 样式 ， 这 与 Gridview 
的 自 定义 模板 列 非常 类 似 。DataList 和 FormView 控件 以 项 为 单位 组 织 和 呈现 数据 
(GridView 以 列 为 单位 )， 每 一 项 对 应 于 关系 数据 集 的 一 条 记录 ( 行 )。 通 过 定义 和 设置 不 同 
的 项 模板 定制 每 一 项 的 显示 样式 ， 绑 定数 据 后 控件 将 按照 项 模板 重复 显示 数据 源 的 每 条 记 
录 。 呈 现 数据 时 3 种 控件 对 项 的 显示 布局 各 不 相同 。DataList 控件 提供 两 种 页 面 布局 : 
Table 和 Flow， 在 Table 模式 下 在 一 个 行列 表 中 重复 每 个 数据 项 ， 可 以 通过 相关 属性 控制 
其 按 行 显示 或 按 列 显 示 并 设置 行 ( 列 ) 中 包含 的 最 大 项 数 ，Flow 模式 下 在 一 行 或 者 一 列 中 重 
复 显示 数据 项 。FormView 控件 默认 每 页 显示 一 个 数据 项 ， 通 过 分 页 导航 访问 每 条 记录 。 

在 DataList 和 FormView 控件 中 可 以 实现 对 关系 数据 集 的 编辑 、 更 新 、 插 入 、 删 除 和 
分 页 等 数据 处 理 功能 。DataList 和 FormView 控件 针对 数据 源 控件 提供 内 置 的 数据 处 理 功 
能 ， 只 须 某 些 配置 即 可 自动 完成 ， 而 针对 其 他 类 型 的 数据 源 公 开 特定 的 属性 和 事件 通过 编 
写 代码 来 实现 。 

通过 前 面 对 GridView 控件 的 详细 介绍 ， 可 以 看 出 ， 复 杂 数 据 绑 定 控件 的 用 法 不 外 以 
下 3 个 方面 : 

e 数据 的 绑 定 与 呈现 ; 

e 数据 的 编辑 、 修 改 、 添 加 、 删 除 ; 

e 数据 的 分 页 和 排序 。 

下 面 通 过 实例 分 别 加 以 介绍 ， 由 于 3 种 控件 的 用 法 类 似 ， 这 里 只 针对 DataList 实现 数 
据 的 呈现 与 绑 定 ， 针 对 FormView 实现 数据 的 编辑 、 增 、 删 、 改 及 分 页 。 

另外 还 有 一 种 基于 项 模板 数据 绑 定 控件 Repeater， 它 不 提供 任何 内 置 的 显示 布局 和 
内 置 的 数据 处 理 功能 , 只 是 按照 定义 好 的 项 模板 简单 地 重复 显示 数据 。 由 于 Repeater 控件 ， 
通常 只 是 用 于 以 同一 样式 重复 显示 数据 记录 ， 而 其 项 模板 样式 的 定义 和 使 用 方法 与 
FormmView 和 DataList 极为 相似 ， 因 此 不 再 提供 实例 ， 读 者 可 以 自行 演练 。 











9.4.1 
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DataList 的 数据 绑 定 


DataList 控件 中 通过 自 定义 模板 设置 数据 的 显示 样式 ， 它 支持 如 下 模板 类 型 。 


ItemTemplate: 包含 一 些 HTML 元 素 和 控件 ， 将 为 数据 源 中 的 每 一 行星 现 一 次 这 
些 HTML 元 素 和 控件 。 

AlternatingItemTemplate: ”包含 一 些 HTML 元 素 和 控件 ， 将 为 数据 源 中 的 每 两 行 
呈现 一 次 这 些 HTML 元 素 和 控件 。 通常 , 可 以 使 用 此 模板 来 为 交 蔡 行 创建 不 同 的 
外 观 。 例 如 ， 指 定 一 个 与 在 ItemTemplate 属性 中 指定 的 颜色 不 同 的 背景 色 。 
SelectedItemTemplate: ”包含 一 些 元 素 ， 当 用 户 选择 DataList 控件 中 的 某 一 项 时 
将 呈现 这 些 元 素 。 通 常 ， 可 以 使 用 此 模板 来 通过 不 同 的 背景 色 或 字体 颜色 直观 地 
区 分 选 定 的 行 。 还 可 以 通过 显示 数据 源 中 的 其 他 字段 来 展开 该 项 。 
EditItemTemplate: ”指定 当 某 项 处 于 编辑 模式 中 时 的 布局 。 此 模板 通常 包含 一 些 编 
辑 控件 ， 如 TextBox 控件 。 

HeaderTemplate 和 FooterTemplate: 包含 在 列表 的 开始 和 结束 处 分 别 呈现 的 文本 和 
控件 。 

SeparatorTemplate: 包含 在 每 项 之 间 呈 现 的 元 素 。 典 型 的 示例 可 能 是 一 条 直线 (使 
用 HR 元 素 )。 








设计 者 需要 根据 不 同 的 需要 定义 不 同类 型 的 项 模板 ，DataList 控件 根据 项 的 运行 时 状 
态 自动 加 载 相应 的 模板 显示 数据 。 例 如 ， 当 某 一 项 被 选 定 后 将 会 以 SelectedItemTemplate 
模板 呈现 数据 ， 编 辑 功能 被 激活 时 将 以 EditItemTemplate 模板 呈现 数据 。 

下 面 的 【 例 9-7】 介 绍 了 如 何 通 过 设置 模板 为 DataList 控件 定义 数据 的 呈现 样式 并 完 
成 数据 绑 定 。 

【 例 9-7】 为 DataList 控件 实现 数据 绑 定 ， 以 按 要 求 显示 数据 记录 。 

(1) 在 WebSite9 网 站 中 新 建 一 个 名 为 DataListBingding.aspx 的 页 面 ， 在 页 面 上 添加 一 
个 DataList 控件 。 

(2) 为 DataList 编辑 、 设 置 项 模板 并 进行 显示 字段 映射 。 

在 VS 环境 中 使 用 DataList 控件 的 快捷 任务 面板 进入 模板 的 编辑 页 面 , 如 图 9-27 所 示 。 








图 9-27 打开 DataList 的 模板 编辑 器 


单 击 “ 编 辑 模板 ”按钮 后 进入 模板 编辑 界面 ， 如 图 9-28 所 示 。 


在 这 里 只 实现 DataList 控件 的 数据 绑 定 ， 所 以 只 简单 地 定义 一 个 IemTemplate， 单 击 





模板 类 型 后 编辑 IemTemplate 模板 样式 如 图 9-29 所 示 。 


= 250。 
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EditltemTemplate 
页 局 和 页 朋 模 板 
HeaderTemplate 


FcoterTemplate 














图 9-28 ”模板 编辑 界面 图 9-29 ItemTemplate 模板 样式 


ItemTemplate 模板 样式 中 ， 包 含 一 个 2 行 1 列 的 HIML Table, 第 1 行 显示 图 片 ， 第 2 


行 显示 记录 


bP 的 其 他 字段 。 回顾 GridView 控件 中 , 设置 绑 定 列 时 需要 同时 设置 绑 定 列 到 数 


据 字段 之 间 的 数据 映射 ，DataList 控件 中 的 项 模板 显示 数据 源 每 条 记录 中 的 各 个 字段 ， 也 





需要 将 模板 





的 显示 控件 映射 到 相应 字段 ,才能 在 数据 绑 定 后 在 模板 项 中 显示 正确 的 数据 。 


数据 映射 通过 绑 定 表达 式 完 成 ， 在 项 模板 中 各 个 显示 控件 的 页 面 代码 中 添加 如 下 绑 定 表达 
式 : <%# Eval("XXX") %>， 其 中 Eval 方法 用 于 读 取 数 据 绑 定 后 当前 显示 项 中 所 呈现 的 数 
据 项 ( 某 条 记录 ) 的 相应 字段 数据 ，Eval 方法 的 参数 XXX 指定 记录 中 要 显示 的 字段 名 。 可 以 
这 样 来 理解 <%# Eval("XXX") %> 表 达 式 ， 当 在 后 台 代码 中 为 某 种 数据 绑 定 控件 (如 这 里 的 
DataLisb 设 置 数据 源 并 进行 数据 绑 定 后 ， 运 行 时 数据 源 中 的 记录 就 会 自动 与 显示 项 关联 ， 
有 这 种 关联 作为 上 下 文 ， 只 要 指定 字段 名 就 可 以 访问 到 该 记录 中 的 字段 数据 。 因 为 Eval 
方法 需要 在 数据 上 下 文中 读 取 数据 , 因此 <%# Eval("XXX") 9%> 表 达 式 只 能 用 在 数据 绑 定 控 
件 的 模板 定义 中 。 
定义 模板 后 的 页 面 代码 如 下 。 


<div> 





<asp:DataList ID="DataListl" runat="server" Height="354px" RepeatColumns="3" 
HorizontalAlign="Justify" RepeatDirection="Horizontal"> 
<ItemTemplate> 
<table style="width: 154px: height: 111px"> 
<tr> 
<td style="width: 100px"> 
<img alf=" 照 片 " src='/images/<%# Eval("Photo") %>' /></td> 
</t> 
<tr> 
<td style="width: 100px"> 
学 号 : <9%# Eval("No") %><br /> 
姓名 : <%# Eval("Name") %><br /> 
年 龄 ，<%# Eval("birthday") %><br /> 
住址 :<%# Eval("Address") %></td> 
</t> 
</table> 
</ItemTemplate> 
</asp:DataList> 
</div> 


项 模板 第 1 行 图 片 控 件 中 的 表达 式 <%# Eval("photo") %> 读 取 数 据 源 记录 中 的 photo 字 
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段 值 作 为 图 片 名 称 。 
03) 设置 DataList 的 布局 属性 ， 采用 Table 布局 , 每 Ee ,ULWebControls.D ~ 




















Height 354px 




















行 显示 5 个 项 ， 按 行 显示 ， 如 图 9-30 所 示 。 HorizontalAlign 。 Justify 
(4) 在 页 面 后 台 类 中 添加 数据 绑 定 代码 如 下 。 ern 
Table 
using System.Configuration; 
SS 要 用 于 该 布局 的 列 的 数目 . 
using System Data.SqlClient: 


Se 图 9-30 ”设置 DataList 布局 属性 
protected void Page_ Load(object sender, EventArgs e) 


if (!Page.IsPostBack) listbind(): 
1 
void listbind0) 

string sqlconnstr = 


ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: ; 
DataSet ds = new DataSet(; 
using (SqlConnection sqlconn = new SqlConnection(sqlconnstr)) 


SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
sqld.Fill(ds, "tabstudent"): 


上} 

/以 数据 集中 名 为 tabstudent 的 DataTable 作为 数据 源 ， 为 控件 绑 定 数据 
DataList1.DataSource = ds.Tables["tabstudent"].DefaultView: 
DataListl.DataBind0): 


(5) 页 面 的 运行 效果 如 图 9-31 所 示 。 


举 刁 ,1 
兵 


年 的 ，1989/6129 00000 
住址 ， 回 龙 观 


< 





图 9-31 DataListBinding.aspx 页 面 运行 效果 


9.4.2 ”FormView 控件 的 数据 呈现 和 处 理 


FormView 控件 提供 了 内 置 的 数据 处 理 功 能 ， 只 须 绑 定 到 支持 这 些 功 能 的 数据 源 控 件 ， 
并 进行 配置 ， 无 须 编写 代码 就 可 以 实现 对 数据 的 分 页 和 增删 改 功能 。 要 使 用 FormView 内 
置 的 增删 改 功能 ， 需 要 为 更 新 操作 提供 EditItemTemplate 和 InsertItemTemplate 模板 ， 
FomView 控件 显示 指定 的 模板 以 提供 修改 记录 内 容 的 用 户 界面 。 每 个 模板 都 包含 用 户 可 
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以 单 击 以 执行 编辑 或 插入 操作 的 命令 按钮 。 用 户 单 击 命令 按钮 时 ，FomView 控件 使 用 指 
定 的 编辑 或 插入 模板 重新 显示 绑 定 记录 以 允许 用 户 修改 记录 。 插 入 或 编辑 模板 通常 包括 一 
个 允许 用 户 显示 空白 记录 的 【插入 】 按 钮 或 保存 更 改 的 【更 新 】 按 钮 。 用 户 单 击 【 插 入 】 
或 【更 新 】 按 钮 时 ，FormView 控件 将 绑 定 值 和 主键 信息 传递 给 关联 的 数据 源 控件 ， 该 控 
件 执行 相应 的 更 新 。 例 如 ，SqlDataSource 控件 使 用 更 改 后 的 数据 作为 参数 值 来 执行 SQL 
Update 语句 。 
由 于 FormView 控件 的 各 个 项 通过 自 定义 模板 来 呈现 ， 因 此 控件 并 不 提供 内 置 的 实现 
某 一 功能 (如 删除 ) 的 特殊 按钮 类 型 ， 而 是 通过 按钮 控件 的 CommandName 属性 与 内 置 的 命 
令 相 关联 。FormView 提供 如 下 命令 类 型 (区 分 大 小 写 )。 
e Edit: 引发 此 命令 控件 转换 到 编辑 模式 , 并 用 已 定义 的 EditItemTemplate 呈现 数据 。 
e@ New: 引发 此 命令 控件 转换 到 插入 模式 ， 并 用 已 定义 的 InsertItemTemplate 呈现 数 
据 。 
e@ Update: 此 命令 将 使 用 用 户 在 EditItemTemplate 界面 中 的 输入 值 在 数据 源 中 更 新 当 
前 所 显示 的 记录 ， 引 发 temUpdating 和 ItemUpdated 事件 。 
e Insert: 此 命令 用 于 将 用 户 在 InsertItemTemplate 界面 中 的 输入 值 在 数据 源 中 插入 一 
条 新 的 记录 。 引 发 ItemInserting 和 ItemInserted 事件 。 
e。 Delete: 此 命令 删除 当前 显示 的 记录 。 引 发 IemDeleting 和 ItemDeleted 事件 。 
e Cancel: 在 更 新 或 插入 操作 中 取消 操作 和 放弃 用 户 输入 值 ， 然 后 控件 会 自动 转换 到 
DefaultMode 属性 指定 的 模式 。 

在 命令 所 引发 的 事件 中 , 可 以 执行 一 些 额外 的 操作 。 例如 , 对 于 Update 和 Insert 命令 ， 
因为 ItemUpdating 和 ItemInserting 事件 是 在 更 新 或 插入 数据 源 之 前 触发 的 ， 可 以 在 
ItemUpdating 和 ItemInserting 事件 中 先 判断 用 户 的 输入 值 进行 验证 ， 满 足 要 求 后 才 访问 数 
据 库 ， 否 则 取消 操作 。 

下 面 通过 【 例 9-8】 演 示 如 何 使 用 FormView 控件 完成 数据 的 分 页 呈现 ， 编 辑 、 更 新 、 
删除 、 添 加 等 数据 处 理 功 能 。 

【 例 9-8】 在 FormView 控件 中 实现 数据 记录 的 分 页 呈现 、 编 辑 、 更 新 、 删 除 和 添加 
操作 。 

(1) 在 WebSite9 网 站 中 新 建 一 个 名 为 FormViewBinding.aspx 的 页 面 ， 在 页 面 上 添加 1 
个 FormView 控件 。 

(2) 为 FormView 控件 添加 并 编辑 项 模板 ， 由 于 要 实现 数据 的 更 新 和 插入 操作 ， 需 要 3 
种 项 模板 IemTemplate、EditItemTemplate 和 InsertItemTemplate， 分 别 在 显示 、 更 新 和 插入 
状态 下 呈现 数据 。 在 FommView 控件 中 也 提供 模板 编辑 界面 (如 DataList 控件 ), 这 里 直接 在 
页 面 代码 中 进行 编辑 ， 首 先 编辑 EditItemTemplate 页 面 代 码 如 下 。 





























<EditItemTemplate> 
<table style="width:100%;"> 
<tr> 
<td width="4096"><asp:Label ID="Labell" runat="server" Text=" 学 号 " 
Width="100%"></asp:Label> </td> 
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<td width="60%"><asp:Label ID="noLabell" runat="server" Text='<%# Eval("No") 
%>' /></td> 
</t> 
<tr> 
<td width="40%"><asp:Label ID="Label2" runat="server" Text=" 姓 名 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="nameTextBox" runat="server" Text=—'<%# 
Bind("Name") %>' /></td> 
<t> 
<t> 
<td width="40%"><asp:Label ID="Label3" runat="server" Text=" 出 生日 期 " 
Width="100%"></asp:Label> </td> 
<td width="60%"> <asp:TextBox ID="birthTextBox" runat="server" Text="<%# 
Bind("birthday") 9%>' /></td> 
</tr> 
<tr> 
<td width="40%"><asp:Label ID="Label4" runat="server" Text=" 地 址 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="addressTextBox" runat="server" 
Text='<%# Bind("Address") %>' /></td> 
</tr> 
<tr> 
<td width="40%"> </td> 
<td width="60%" align="center"> 
<asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" 
CommandName="Update" Text=" 更 新 " /> 
<asp:LinkButton ID="UpdateCancelButton" runat="server" 
CausesValidation="False" CommandName="Cancel" Text=" 取 消 " /> 
</td> 
</tr> 
</table> 
</EditItemTemplate> 


编辑 状态 模板 中 用 1 个 Label 控件 和 1 个 TextBox 控件 代表 数据 源 中 的 一 个 字段 ， 其 
中 TextBox 控件 为 绑 定 字段 ， 共 4 行 ， 对 应 于 数据 源 记录 中 的 4 个 字段 。 与 DataList 中 不 
同 , 这 里 TextBox 控件 的 绑 定 表达 式 为 <%# Bind("Address") %>, 表达 式 标记 中 调用 了 Bind 
方法 (DataList 中 使 用 Eval 方法 )，Bind 方法 构成 与 数据 源 的 双向 映射 ， 通 过 双向 映射 配合 
数据 源 控件 可 以 完成 控件 内 置 的 更 新 操作 ( 仅 对 数据 源 控件 有 效 )。 而 DataList 控件 中 使 用 
的 Eval 方法 为 单 向 映射 不 能 更 新 数据 。 

用 于 数据 显示 的 ItemTemplate 和 用 于 插入 的 
InsertItemTemplate 与 之 类 似 ， 这 里 不 再 袭 述 。 

(3) 配置 完成 各 个 项 模板 后 ， 为 FommView 配 








ew cyatem Web ULWebCentrols FormView 















































置 分 页 ， 由 于 分 页 功能 是 内 置 的 ， 只 需要 设置 
FormView 控件 的 分 页 属性 ， 如 图 9-32 所 示 。 PrevioucpageTed Fmt 
(4) 调整 FormView 控件 的 外 观 ， 设 置 页 眉 模 ee 本 


分 页 UI sm 


图 9-32 为 FormView 设置 分 页 属性 


板 HeaderTemplate 完成 整个 页 面 的 设计 ， 完 整 的 
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FormView 控件 设计 代码 如 下 。 


<asp:FormView ID="FormView1" mnat="server" DataKeyNames="no" 
DataSourceID="SqlDataSourcel" AllowPaging="True" CellPadding="4" ForeColor="#333333" 
Width="231px"> 
<PagerSettings Mode="NextPreviousFirstLast" NextPageText=" 下 一 页 &amp;gt;" 
PreviousPageText=" 上 一 页 &amp:lt;" /> 
<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> 
<RowStyle BackColor="#EFFBD6" ForeColor="#333333" /> 
<EditItemTemplate> 
<table style="width:100%;"> 
<tr> 
<td width="40%"><asp:Label ID="Labell" runat="server" Text=" 学 号 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="noLabell" runat="server" Text='<%# Eval("No") %>' 
P</td> 
</tr> 
<tr> 
<td width="40%"><asp:Label ID="Label2" runat="server" Text=" 姓 名 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="nameTextBox" runat="server" Text='<%# Bind("Name") 
%>' P</td> 
</tr> 
<tr> 
<td width="40%"><asp:Label ID="Label3" runat="server" Text=" 出 生日 期 " 
Width="100%"></asp:Label> </td> 
<td width="60%"> <asp:TextBox ID="birthTextBox" runat="server" Text="<%# 
Bind("birthday") %>' /></td> 
</tr> 
<tr> 
<td width="40%"><asp:Label ID="Label4" rnat="server" Text=" 地 址 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="addressTextBox" runat="server" Text='<%# 
Bind("Address") %>' /></td> 
</tr> 
<tr> 
<td width="40%"> </td> 
<td width="60%" align="center"> 
<asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" 
CommandName="Update" Text=" 更 新 " /> 
<asp:LinkButton ID="UpdateCancelButton" rmnat="server" CausesValidation="False" 
CommandName="Cancel" Text=" 取 消 " /> 
</td> 
</tr> 
</table> 
</EditItemTemplate> 
<InsertItemTemplate> 
<table style= "width:10096:"> 
<tr> 
<td width="40%"><asp:Label ID="Label2" runat="server" Text=" 姓 名 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="nameTextBox" runat=—"server" Text=—"<%# 
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Bind("Name") %>' /></td> 
</tr> 
<tr> 
<td width="40%"><asp:Label ID="Label3" runat="server" Text=" 出 生日 期 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="birthTextBox" runat="server" Text='<%# 
Bind("birthday") %>' /></td> 
</tr> 
<tr> 
<td width="40%"><asp:Label ID="Label4" runat="server" Text=" 地 址 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="addressTextBox" runat="server" 
Text="<%# Bind("Address") %>' /></td> 
</tr> 
<tr> 
<td width="40%"> </td> 
<td width="60%" align="center"> 
<asp:LinkButton ID="InsertButton" runat="server" CausesValidation="True" 
CommandName="Insert" Text=" 择 入 " /> 
<asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" 
CommandName="Cancel" Text=" 取 消 " /> 
</td> 
</tr> 
</table> 
</InsertItemTemplate> 
<ItemTemplate> 
<table style="width:100%;"> 
<tr> 
<td width="40%"><asp:Label ID="Labell" runat="server" Text=" 学 号 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="noLabel" runat="server" Text='<%# 
Eval("No") %>' /></td> 
</tr> 
<tr> 
<td width="40%"><asp:Label ID="Label2" runat="server" Text=" 姓 名 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="nameLabel" runat="server" Text='<%# 
Bind("Name") %>' /></td> 
</tr> 
<t> 
<td width="40%"><asp:Label ID="Label3" runat="server" Text=" 出 生日 期 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="birthLabel" runat="server" Text='<%# 
Bind("birthday") %>' ></td> 
</tr> 
<tr> 
<td width="40%"><asp:Label ID="Label4" runat="server" Text=" 地 址 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="addressLabel" runat="server" 
Text='<%# Bind("Address") %>' /></td> 
</tr> 
<t> 
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<td width="40%"> </td> 
<td width="60%" align="right"> 
<asp:LinkButton ID="NewButton" runat="server" CausesValidation="True" 
CommandName="New'" Text=" 新 建 " /> 
<asp:LinkButton ID="EditButton" runat="server" CausesValidation="False" 
CommandName='"Edit" Text=" 更 新 " /> 
<asp:LinkButton ID="DeleteButton" runat="server" CausesValidation="False" 
CommandName="Delete" Text=" 删 除 " /> 
</td> 
</tr> 
</table> 
</ItemTemplate> 
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" /> 
<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> 
<HeaderTemplate> 
学 生 详 细 信 息 
</HeaderTemplate> 
</asp:FormView> 


页 面 设计 外 观 如 图 9-33 所 示 。 

页 面 设计 完成 后 为 控件 创建 并 配置 数据 源 控件 ， 需 要 在 数据 源 控件 中 配置 用 于 实现 增 
删改 查 功能 的 查询 语句 以 支持 FormView 控件 中 的 相应 命令 按钮 。 

(5) 在 页 面 上 添加 一 个 SqlDataSource 数据 源 控件 ， 过 程 如 下 。 

首先 为 数据 源 控件 配置 数据 库 连接 ,依然 使 用 前 面 介绍 过 的 mydatabase.mdf, 如 图 9-34 
所 示 。 


Mounboremdt "| 0 
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图 9-33 ”FormViewBinding 页 面 设计 效果 图 9-34 为 数据 源 控件 配置 连接 


单 击 下 一 步 配置 连接 字符 串 ， 系 统 将 自动 生成 mydatabose mdf 的 连接 字符 串 并 保存 ， 
如 果 已 经 按照 前 面 给 出 的 手动 方式 将 连接 字符 串 添加 到 web.config 文件 中 ， 则 可 以 跳 过 
此 步 。 

然后 为 数据 源 配置 查询 如 图 9-35 所 示 。 

完成 后 ， 为 SqlDataSource 数据 源 控件 配置 更 新 、 插 入 和 删除 语句 。 

首先 ， 打 开 数 据 源 控件 的 【属性 】 窗 口 在 其 数据 属性 部 分 设置 DeleteCommandType 
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属性 , 该 属性 支持 两 种 枚 举 值 ，Text 和 StoredProcedure， 前 者 使 用 Sql 语句 实现 删除 操作 ， 
后 者 用 数据 库 中 的 存储 过 程 实现 ， 例 中 设置 为 Text， 如 图 9-36 所 示 。 


SqlDatasourcel SystemWiebULWebContrclssqiDatasource 


DverwriteChanges 
Data source=(Lecalp 四 11 OAttachc 
Te 





SELECT LD 


佑 癌 
SecrrPWOM eiderd] 


暴 全 ) 
Towt 





图 9-35 配置 查询 图 9-36 为 SqlDataSource 控件 配置 属性 
然后 为 查询 操作 添加 Sql 语句 完成 删除 操作 , 通过 DeleteQuery 属 性 打开 删除 命令 的 [ 命 
令 和 参数 编辑 器 】 对 话 框 ， 如 图 9-37 所 示 。 


pterE 而 SG 
ete from etudent where (@no=Nol 





图 9-37 【命令 和 参数 编辑 器 】 对 话 框 


在 DELETE 命令 一 栏 输入 删除 语句: DELETE FROM student WHERE (No = @No)。 
这 里 需要 注意 Delete 语句 的 参数 No = @No， 正 因为 在 编辑 模板 中 为 数据 显示 项 和 数据 源 
记录 字段 之 间 建 立 了 双向 绑 定 , 才 可 以 直接 将 绑 定 字段 名 no 作为 参数 名 完成 删除 语句 , 系 
统 将 自动 获取 编辑 模板 中 的 相应 显示 项 的 当前 显示 值 作 ( 对 于 插入 和 更 新 操作 是 输入 值 ) 为 
参数 执行 Sql 语句 。 
用 同样 的 方法 为 更 新 操作 添加 如 下 Update 语句 。 


UPDATE student SET Name = @Name.birthday=@birthday.Address=@Address where No=@No 


为 插入 操作 添加 如 下 Insert 语句 。 











INSERT INTO student(Name, birthday, Address) VALUES (@Name,@birthday.@Address) 
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设置 将 会 在 页 面前 台 生 成 如 下 SqlDataSource 控件 定义 代码 。 


<asp:SqlDataSource ID="SqlDataSourcel" runat="server" ConnectionString= "Data 
Source=(LocalDB)\Ww11.0;AttachDbFilename=|DataDirectory\MyDatabase.mdf:Integrated Security=True" 
DeleteCommand="DELETE FROM student WHERE (NO = @no)" InsertCommand="INSERT INTO 
student(Name, birthday, Address) VALUES (Name,(@birthday,(@Address)" 
ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM [student]" 
UpdateCommand="UPDATE student SET Name = (WName.birthday=(@birthday,Address=(@Address 
where No=@No"> 
<DeleteParameters> 
<asp:Parameter DefaultValue="NO" Name="No" /> 
</DeleteParameters> 
<InsertParameters> 
<asp:Parameter Name="Name" /> 
<asp:Parameter Name="birthday" /> 
<asp:Parameter Name="Address" /> 
</InsertParameters> 
<UpdateParameters> 
<asp:Parameter Name="No" /> 
<asp:Parameter Name="Name" /> 
<asp:Parameter Name="birthday" /> 
<asp:Parameter Name="Address" /> 
</UpdateParameters> 
</asp:SqlDataSource> 


(6) 到 此 为 止 ， 已 全 部 完成 FomView 控件 的 设计 ， 可 以 按 F5 键 运行 效果 ， 如 图 9-38 
和 图 9-39 所 示 。 


< hep/ocalhost23 PD- BO > tpi//localhost23 PD ~ BO 


localhost 





学 号 
姓名 王 兵 
出 生日 期 ”1989/6/29 0:00:00 
地 址 回龙观 
新 建 更 新 删除 


拆 100% ~ 

















X 


Oo] < Er 








王 兵 
1989/6/29 0:00:00 


























图 9-39 ”FommViewBinding.aspx 的 显示 和 更 新 界面 
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9.5 本 章 小 结 


本 章 全 面 讲述 了 ASP.NET 中 的 数据 绑 定 技 术 。 首 先 介绍 了 数据 绑 定 的 概念 ， 然 后 介 
绍 单 值 和 列表 控件 的 数据 绑 定 操作 ， 接 着 介绍 了 ASPNET 中 使 用 得 最 多 的 数据 绑 定 控件 
GridView， 最 后 介绍 DataList 和 FromView 控件 的 数据 绑 定 操作 。 通 过 本 章 的 学 习 ， 读 者 
应 该 能 够 掌握 将 控件 与 数据 查询 结果 进行 绑 定 的 操作 技术 , 更 方便 地 对 数据 库 数 据 进行 增 、 
删 、 改 、 查 及 呈现 操作 。 


9.6 思考 和 练习 


1. 如 何在 .aspx 页 面 中 为 控件 的 Text 属性 绑 定 单列 值 ? 

2. 常用 的 可 以 绑 定数 据 的 列表 控件 有 哪些 ? 

3. 添加 一 个 网 页 ， 利 用 GridView 实现 数据 的 分 页 显示 。 

4. 添加 一 个 网 页 ， 利 用 DataList 实现 数据 的 绑 定 显示 。 

5. 添加 一 个 网 页 ， 利 用 FormView 控件 实现 数据 的 插入 、 修 改 和 删除 操作 ,FormView 
界面 及 布局 自 定义 。 
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ASP.NET AJAX 采用 异步 编程 方式 ， 最 大 的 特点 是 提供 对 客户 端 脚本 的 自动 管理 。 利 
用 ASP.NET AJAX 服务 器 控件 ， 程 序 员 可 以 使 用 ASP.NET 中 现 有 的 各 种 控件 实现 局 部 页 
面 更 新 。 

本 章 首先 介绍 了 ASP.NET AJAX 的 基础 知识 ， 然 后 详细 介绍 ASP.NET AJAX 的 主要 
服务 器 控件 的 用 法 ， 最 后 介绍 ASP.NET AJAX Control Extenders 扩展 控件 。 





本 章 的 学 习 目 标 : 

e 掌握 ASP.NET AJAX 的 基本 知识 。 

e 掌握 ASPNET AJAX 主要 控件 的 用 法 。 

e@ 了 解 ASPNET AJAX Control Extenders 扩展 控件 。 


10.1 ASP.NET AJAX 概述 


Ajax(Asynchronous JavaScript and XML) 技 术 是 由 Jesse James Garrett 提出 的 , 是 综合 异 
步 通信 、JavaScript 以 及 XML 等 多 种 网 络 技术 新 的 编程 方式 。 从 用 户 看 到 的 实际 效果 来 看 ， 
也 可 以 形象 地 称 之 为 无 页 面 刷新 技术 。 

2005 年 ，Microsoft 公司 在 专业 开发 人 员 大 会 上 宣布 将 在 ASP.NET 上 实现 Ajax 功能 ( 开 
发 代号 为 Atlas)， 主 要 是 为 了 充分 利用 客户 端 JavaScript、DHTML 和 XMLHttpRequest 对 
象 ,目的 是 帮助 开发 人 员 创 建 更 具 交 互 性 的 支持 Ajax 的 Web 应 用 程序 。 直 到 2007 年 1 月 ， 
JMicrosoft 公司 才 真 正 推出 了 具有 Ajax 风格 的 方便 的 异步 编程 模型 ,这 就 是 ASP.NET AJAX 
1.0。 同 时 为 了 与 其 他 的 Ajax 技术 区 分 ，Microsoft 公司 用 大 写 的 AJAX， 并 在 其 前 面 加 上 
ASPNET。 

Ajax 技术 的 主要 内 容 包括 : 基于 Web 标准 XHTML+CSS 的 表示 ; 使 用 DOM(Document 
Object Model) 进 行动 态 显示 及 交互 :使 用 XML 和 XSLT 进行 数据 交换 及 相关 操作 ;使 
用 XMLHttpRequest 进行 异步 数据 检索 ， 使 用 JavaScript 将 所 有 的 东西 绑 定 在 一 起 等 。 

Ajax 技术 的 最 大 优点 就 是 能 在 不 更 新 整个 页 面 的 前 提 下 维护 数据 。 这 使 得 Web 应 用 
程序 更 为 迅捷 地 回应 用 户 动作 ， 并 避免 了 在 网 络 上 发 送 那些 没有 改变 过 的 信息 。 

ASPNET AJAX 1.0 是 以 可 以 在 ASPNET 2.0 之 上 安装 的 单独 一 个 下 载 的 形式 发 布 的 。 
从 . NET Framework 3.5 开始 ， 所 有 这 些 特性 都 成 为 ASP.NET 所 固有 的 ， 这 意味 着 在 构建 
或 部 署 应 用 时 ， 不 再 需要 下 载 和 安装 单独 的 ASP.NET AJAX 安装 文件 。 

当 在 VS 中 创建 针对 NET Framework 的 ASPNET 网 站 时 ，VS 会 自动 在 web.config 文 
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件 里 添加 适当 的 AJAX 注册 设置 。 另 外 ， 核 心 ASPNET AJAX 服务 器 控件 会 出 现在 工具 
箱 中 。 
对 于 Web 开发 来 说 ，ASPNET AJAX 从 基础 框架 实现 ， 到 客户 端 与 服务 器 的 通信 ， 
都 发 生 了 翻天 覆 地 的 变化 。 相 对 于 ASP.NET 来 说 ，ASP.NET AJAX 是 一 种 更 为 成 熟 的 Web 
发 技术 。 

下 面 介 绍 ASPNET AJAX 主要 控件 ScriptManager、UpdatePanel、UpdateProgress 和 
Timer 的 用 法 。 





























10.2 ScriptManager 控件 


ScriptManager 控件 是 ASPNET AJAX 的 核心 ， 它 提供 处 理 页 面 上 的 所 有 ASPNET 
AJAX 控件 (UpdatePanel、UpdateProgress 等 ) 的 支持 , 没有 该 控件 的 存在 其 他 ASP.NET AJAX 
控件 是 不 能 工作 的 ， 并 且 所 有 需要 支持 ASP.NET AJAX 的 ASP.NET 页 面 上 只 能 有 一 个 
ScriptManager 控件 。 另 外 ，ScriptManager 控件 还 可 以 生成 相关 的 客户 端 代理 脚本 ,以便 能 
够 在 客户 端 脚本 中 访问 Web Service。 

10.2.1 ScriptManager 控件 的 属性 和 方法 

要 使 用 ASP.NET AJAX 提供 的 功能 ， 必 须 在 网 页 中 包含 一 个 ScriptManager 控件 。 如 
果 在 网 站 中 添加 一 个 【AJAX Web 窗 体 】 网 页 ，ASP.NET 会 自动 在 该 网 页 中 添加 一 个 
ScriptManager 控件 标记 ， 代 码 如 下 。 

<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 

但 是 , 如 果 在 网 站 中 添加 一 个 【Web 窗 体 】 网 页 ， ASP.NET 就 不 会 自动 添加 这 个 控件 ， 
此 时 需要 从 【工具 箱 】 中 将 其 拖 动 到 页 面 中 ， 使 其 生成 如 下 代码 。 

<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 

ScriptManager 控件 提供 了 很 多 属性 和 方法 ， 用 于 对 客户 端 脚本 进行 各 种 复杂 的 管理 。 
如 表 10-1 所 示 列 出 了 其 常用 属性 和 方法 。 








表 10-1 ScriptManager 控件 的 常用 属性 和 方法 

说 了 明 
异步 回 传 发 生 错误 时 的 自 定义 提示 错误 信息 
异步 回 传 时 超时 限制 ， 默 认 值 为 900， 单 位 为 秒 


属性 /方法 
AsyncPostBackErrorMessage 属性 
AsyncPostBackTimeout 属性 














EnablePartialRendering 属性 是 否 支 持 页 面 的 局 部 更 新 ， 默 认 值 为 Tue， 一 般 不 需要 修改 
ScriptMode 属性 指定 ScriptManager 发 送 到 客户 端的 脚本 的 模式 ， 有 4 种 模式 : 


Auto、Inherit、Debug、Release， 默 认 值 为 Auto 
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( 续 表 ) 
属性 /方法 说 了 明 
ScriptPath 属性 设置 所 有 的 脚本 块 的 根 目录 ,作为 全 局 属性 ,包括 自 定义 的 脚 
本 块 或 者 引用 第 三 方 的 脚本 块 。 如 果 在 Scripts 中 的 <asp: 
ScriptReference /> 标签 中 设置 了 Path 属性 ， 它 将 覆盖 该 属性 
OnAsyncPostBackError 方法 异步 回 传 发 生 异 常 时 的 服务 端 处 理 函数 , 在 这 里 可 以 捕获 异常 


信息 并 作 相 应 的 处 理 
指定 ResolveScriptReference 事件 的 服务 器 端 处 理 函 数 , 在 该 函 
数 中 可 以 修改 某 一 条 脚本 的 相关 信息 如 路 径 、 版 本 等 





OnResolveScriptReference 方法 








10.2.2 ScriptManager 控件 的 用 法 


下 面 是 一 个 简单 的 ASPNET AJAX 示例 ， 实 现 将 DropDownList 已 选择 值 ， 传 递 给 一 
个 Label 控件 的 Text 属性 。 

【 例 10-1】 简单 的 ASP.NET AJAX 示例 。 

(1) 创建 名 称 为 WebSite10 的 网 站 。 

(2) 在 WebSite10 网 站 中 添加 一 个 名 为 Example.aspx 的 【Web 窗 体 】 网 页 。 

(3) 将 1 个 ScriptManager 控件 和 1 个 UpdatePanel 控件 拖 动 到 Example.aspx 的 【设计 】 
视图 中 ，DropDownList 和 Label 控件 。 

(4) 给 DropDownList 控件 增加 2 个 选择 项 : 
Hello World 和 Hello Ajax, 同时 设置 DropDownList 





ScriptManager - ScriptManager1 


控件 的 AutoPastBack 属性 为 True。 此 时 网 页 [设计 】 Ebel 
视图 如 图 10-1 所 示 。 [Helilo yorid 避 
对 应 【 源 】 视 图 中 的 部 分 代码 如 下 。 图 10-1 Example.aspx 的 设计 视图 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<br 户 
<asp:Label ID="Labell" rnat="server" Text="Label"></asp:Label> 
<br 户 
<br> 


<asp:DropDownListID="DropDownListl" runat="server"> 
<asp:ListItem>Hello World</asp:ListItem> 
<asp:ListItem>Hello Ajax</asp:ListItem> 
</asp:DropDownList> 
</ContentTemplate> 
</asp:UpdatePanel> 


(5) 双击 【设计 】 视 图 中 的 DropDownList 控件 ， 添 加 如 下 后 台 代码 。 





protected void DropDownListl_SelectedIndexChanged(object sender, EventArgs e) 
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Labell.Text = DropDownListl.SelectedValue; 
上 
(6) 按 Ctrl 十 F5 组 合 键 运行 ,选择 DropDownList 控件 的 选项 ， 观 察 页 面 刷新 效果 。 此 
时 可 以 看 到 ， 浏 览 器 的 【后 退 】 按 钮 是 灰色 的 ， 该 示例 不 像 其 他 程序 那样 出 现 屏幕 闪烁 ， 
说 明 没有 进行 整个 页 面 的 更 新 。 


10.3 UpdatePanel 控件 


UpdatePanel 控件 是 ASPNET AJAX 中 很 重要 的 一 个 控件 ， 它 可 以 用 来 创建 局 部 更 新 
的 Web 应 用 程序 。 有 了 UpdatePanel 控件 ， 开 发 者 不 需要 编写 任何 客户 端 脚本 ， 只 须 在 页 
面 上 添加 UpdatePanel 控件 和 ScriptManager 控件 就 可 以 自动 实现 局 部 更 新 。 
10.3.1 UpdatePanel 控件 工作 原理 

UpdatePanel 控件 的 工作 依赖 于 ScriptManager 控件 和 客户 端 PageRequestManager 类 。 
当 ScriptManager 允许 页 面 局 部 更 新 时 , 它 会 以 异步 的 方式 回 传 给 服务 器 。 与 传统 的 整 页 
传 方式 不 同 的 是 ， 只 有 包含 在 UpdatePanel 中 的 页 面部 分 会 被 更 新 ， 在 从 服务 器 返 
XHTML 之 后 ，PageRequestManager 会 通过 操作 DOM 对 象 来 替换 需要 更 新 的 代码 片段 。 
UpdatePanel 工作 过 程 如 图 10-2 所 示 。 





互 互 
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ee 
1- Other panet content --? 
<asp:Button 
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图 10-2” UpdatePanel 工作 过 程 


从 图 10-2 中 可 以 看 出 ， 当 客户 端 向 服务 器 第 一 次 发 出 请 求 时 ， 服 务 器 返回 整个 页 面 。 
另外 ， 均 通过 异步 回 传 方式 对 页 面 进行 局 部 更 新 。 





10.3.2 UpdatePanel 控件 属性 








UpdatePanel 控件 的 常用 属性 如 表 10-2 所 示 。 
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表 10-2 UpdatePanel 控件 的 常用 属性 

















属 性 说 了 明 

ContenteTemplate 定义 UpdatePanel 的 内 容 

Triggers 定义 控件 的 服务 器 事件 为 异步 或 同步 触发 器 

ChildrenAsTriggers 当 UpdateMode 属性 为 Conditional 时 ，UpdatePanel 中 的 子 控件 的 异步 回 送 
是 否 会 引发 UpdatePanle 的 更 新 

RenderMode 表示 UpdatePanel 最 终 呈现 的 HIML 元 素 。Block( 默 认 ) 表 示 <div>，Inline 表 
示 <span> 

UpdateMode 表示 UpdatePanel 的 更 新 模式 ， 有 2 个 选项 : Always 和 Conditional。Always 
是 不 管 有 没有 Trigger， 其 他 控件 都 将 更 新 该 UpdatePanel，Conditional 表示 
只 有 当前 UpdatePanel 的 Trigger， 或 ChildrenAsTriggers 属性 为 tue 时 当前 
UpdatePanel 中 控件 引发 的 异步 回 送 或 者 整 页 回 送 ， 或 是 服务 器 端 调 用 
Update0 方 法 才 会 引发 更 新 该 UpdatePanel 


ContenteTemplate 和 Triggers 都 是 UpdatePanel 控件 的 重要 属性 。 
1. ContentTemplate 属性 


ContenteTemplate 属性 用 来 定义 UpdatePanel 的 内 容 ， 其 内 容 包 括 其 他 控件 或 HTML 
元 素 。 例 如 ， 在 UpdatePanel 的 内 容 放 置 1 个 Label 控件 和 1 个 Image 控件 ， 代 码 如 下 。 


<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"> </asp:Label> 
<asp:Image ID="Imagel" runat="server" /> 
</ContentTemplate> 
</asp:UpdatePanel> 


2. Triggers 属性 


在 UpdatePanel 中 有 2 种 Triggers， 分 别 为 AsyncPostBackTrigger 和 PostBackTrigger。 
AsyncPostBackTrigger 用 来 指定 某 个 服务 器 控件 作为 该 UpdatePanel 的 异步 更 新 触发 器 ， 
PostBackTrigger 用 来 指定 在 UpdatePanel 中 的 某 个 服务 器 控件 作为 同步 更 新 触发 器 。 异 步 
更 新 触发 器 所 引发 的 回 传 叫 异 步 回 传 ， 引 发 页 面 局 部 更 新 。 同 步 更 新 触发 器 所 引发 的 回 传 
叫 同步 回 传 ， 引 发 传统 的 整 页 回 传 。 

例如 ，Buttonl 采用 异步 回 传 方式 ， 而 Button2 采用 同步 回 传 方式 ， 代 码 如 下 。 


<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="Buttonl” /> 
<asp:PostBackTrigger ControlID="Button2" /> 
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</Triggers> 
</asp:UpdatePanel> 


10.3.3 在 UpdatePanel 中 实现 局 部 更 新 





在 一 个 页 面 中 ， 如 果 需 要 局 部 更 新 的 内 容 较 少 ， 可 以 放置 1 个 UpdatePanel 控件 ， 在 


该 控件 内 实现 局 部 更 新 的 效果 。 


1. 在 UpdatePanel 中 实现 局 部 更 新 

下 面 通过 【 例 10-2】 介 绍 通过 UpdatePanel 控件 实现 局 部 更 新 的 方法 。 
【 例 10-2】 通 过 UpdatePanel 控件 实现 局 部 更 新 。 

(1) 启动 VS， 打 开 名 称 为 WebSite10 的 网 站 。 

(2) 新 建 名 为 UpdatePanel testaspx 的 网 


页 , 在 其 【设计 】 视 图 中 , 放置 ScriptManager、 | UpdatePanel testaspx > x 
UpdatePanel 两 个 控件 。 ScriptManager - ScriptManager1 
可 站 个 全 
(3) 在 UpdatePanel 内 部 放 入 2 个 Label 控 [ER 
件 和 1 个 Button 控件 ， 同 时 在 UpdatePanel 外 当前 时 间 ) Label 
Buttonl 
面 也 放置 1 个 Button 控件 。 
该 页 面 的 【设计 】 视 图 如 图 10-3 所 示 。 到 
对 应 【 源 】 视 图 中 的 代码 如 下 。 图 10-3 UpdatePanel testaspx 的 设计 页 面 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<br/> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 


<asp:Label ID="Labell" runat="server" Text=" 当 前 时 间 : "></asp:Label> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
<br 记 > 
<asp:Button ID="Buttonl" runat="server" Text="Buttonl" /> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 
<br /> 
<asp:Button ID="Button2" runat="server" Text="Button2" /> 


(4) 分 别 双击 【设计 】 视 图 中 Button 控件 ， 添 加 如 下 所 示 的 后 台 代 码 。 








protected void Button1l _Click(object sender, EventArgs e) 


{ 
this.Label2.Text = DateTime.Now.ToString(); 


} 
protected void Button2_Click(object sender, EventArgs e) 


this.Label2.Text = DateTime.Now.ToString(); 
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(5) 按 Ctrl 十 F5 组 合 键 运行 ， 单 击 Buttonl 和 Button2 按钮 ， 观 察 有 什么 不 同 。 

可 以 看 到 ， 虽 然 单 击 Buttonl 和 Button2 按钮 都 实现 了 显示 时 间 的 Label 控件 更 新 , 但 
页 面 刷新 效果 却 不 同 。 通 常 默认 情况 下 ， 在 UpdatePanel 内 部 的 服务 器 控件 采用 的 是 异步 
回 传 方式 ， 实 现 UpdatePanel 的 局 部 更 新 ， 而 在 UpdatePanel 外 面 的 服务 器 控件 采用 的 是 同 
步 回 传 方式 ， 实 现 整个 页 面 的 刷新 。 


2. 利用 Triggers 属性 指定 服务 器 控件 回 传 方式 


下 面 通过 对 【 例 10-2】 简单 的 修改 ， 介 绍 一 下 如 何 利 用 Triggers 属性 指定 服务 器 控件 
回 传 方式 。 

【 例 10-3】 利 用 Triggers 属性 指定 服务 器 控件 的 回 传 方式 。 

(1) 启动 YS， 打开 webSite10 网 站 。 

(2) 在 UpdatePanel test.aspx 的 【 源 】 视 图 中 增加 Triggers 标记 ， 指 定 Buttonl 控件 为 
同步 触发 器 ，Button2 控件 为 异步 触发 器 。 代 码 如 下 。 














<asp:ScriptManagerID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text=" 当 前 时 间 : "></asp:Label> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
<br/><br 放 > 
<asp:Button ID="Buttonl1" runat="server" Text="Buttonl1" onclick="Buttonl_Click" /> 
<br> 
</ContentTemplate> 
<Triggers> 
<asp:PostBackTrigger ControlID="Button1" /> 
<asp:AsyncPostBackTrigger ControlID="Button2"” /> 
</Triggers> 
</asp:UpdatePanel> 
<br> 
<asp:Button ID="Button2" runat="server" Text="Button2" onclick="Button2_Click" /> 


G) 按 Ctl 十 F5 组 合 键 运行 。 

此 时 可 以 看 到 ， 虽 然 Buttonl 按钮 在 UpdatePanel 内 部 ， 但 实现 的 是 整个 页 面 的 更 新 ， 
而 在 UpdatePanel 外 面 的 Button2 按钮 却 实现 了 UpdatePanel 局 部 更 新 ， 究 其 原因 是 Triggers 
属性 指定 回 传 方式 的 结果 。 


10.3.4 同一 页 面 上 使 用 多 个 UpdatePanel 


使 用 UpdatePanel 的 时 候 并 没有 限制 在 一 个 页 面 上 用 多 少 个 UpdatePanel， 所 以 可 以 为 
不 同 的 需要 局 部 更 新 的 页 面 区 域 加 上 不 同 的 UpdatePanel 。 由 于 UpdatePanel 默认 的 
UpdateMode 是 Always， 如 果 页 面 上 有 一 个 局 部 更 新 被 触发 , 则 所 有 的 UpdatePanel 都 将 更 
新 ， 有 时 这 是 程序 员 不 愿 看 到 的 。 这 时 只 需要 UpdatePanel 在 它 自 己 的 触发 器 触发 的 时 候 
更 新 就 可 以 了 ， 所 以 需要 把 UpdateMode 设置 为 Conditional。 
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下 面 的 【 例 10-4】 包 括 2 个 UpdatePanel， 其 中 一 个 用 来 输入 数据 ， 而 另 一 个 则 用 来 显 
示 数 据 ， 每 一 个 UpdatePanel 的 UpdateMode 属性 都 设置 为 Conditional， 当 单 击 【新 增 】 
按钮 时 ，2 个 UpdatePanel 都 更 新 ， 当 单 击 【取消 〗 按 钮 时 ， 只 有 用 来 数据 输入 的 那个 
UpdatePanel 更 新 。 

【 例 10-4】 在 同一 页 面 上 使 用 多 个 UpdatePanel 控件 。 

(1) 启动 VS， 打开 webSite10 网 站 ， 新 建 multiUpdatePanel.aspx 页 面 。 

(2) 在 multiUpdatePanelaspx 的 【设计 】 视 图 中 ， ee 
放置 1 个 ScriptManager 和 2 个 UpdatePanel 控件 。 rent 











G) 在 一 个 UpdatePanel 中 放 入 1 个 ListBox 控件 和 

1 个 Label 控件 ， 而 在 另 一 个 UpdatePanel 中 放置 1 个 rs 

TextBox 控件 、1 个 Label 控件 和 2 个 Button 控件 。 [| 。 | 
该 页 面 的 【设计 】 视 图 如 图 10-4 所 示 。 图 10-4 multiUpdatePanel.aspx 
对 应 【 源 】 视 图 中 的 部 分 代码 如 下 。 的 设计 页 面 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<fieldset style="width:180px:"> 
<legend >UpdatePanell</legend> 
<asp:ListBox ID="ListBoxl" runat="server" Width="170px"></asp:ListBox> 
<asp:Label ID="Labell" runat="server" ><%=DateTime.Now %></asp:Label> 
</fieldset> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="InsertButton" EventName="Click" /> 
</Triggers> 
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<fieldset style="width:160px:"> 
<legend >UpdatePanel2</legend> 
<asp:TextBox ID="TextBoxl" runat="server" EnableTheming="True"></asp:TextBox> 
<asp:Button ID="InsertButton" runat="server" Text=" 新 增 " OnClick="InsertButton_Click" /> 
&nbsp;&nbsp; 
<asp:Button ID="Cancelbutton" runat="server" Text=" 取 消 " OnClick="Cancelbutton_Click" /> 
<asp:Label ID="Label2" runat="server" ><%=DateTime.Now %></asp:Label> 
</fieldset> 
</ContentTemplate> 
</asp:UpdatePanel> 


(4) 分 别 双 击 【 设 计 】 视 图 中 Button 控件 ， 添 加 如 下 所 示 的 后 台 代 码 。 








protected void InsertButton_ Click(object sender, EventArgs e) 
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ListBoxl.Items.Add(TextBoxl.Text): 
TextBoxl.Text = String.Empty; 






































人 void Cancelbutton Click(object sender, EventArgs e) 
。 TextBoxl.Text = String.Empty; 
} 
(5) 按 Cel 十 F5 组 合 键 运 行 ， 程 序 运行 效果 如 
图 10-5 所 示 。 
此 时 可 以 看 到 ， 单 击 【 新 增 】 按 钮 会 同时 更 新 ee 
UpdatePanell 和 Updatepanel2， 而 单 击 【取消 〗 按 ig 
钮 则 只 {会 会 更 新 UpdatePanel2 。 2015/1/18 19:24:12 
【 例 10-4】 说 明了 如 何在 一 个 页 面 中 使 用 多 个 本 
UpdatePanel, 并 将 其 UpdateMode 设置 为 Conditional pp 
以 及 利用 Triggers 避免 异步 更 新 时 多 个 UpdatePanel rs 
同时 更 新 的 情况 。 图 10-5 multiUpdatePanel.aspx 


的 运行 效果 
10.3.5 在 内 容 页 中 使 用 UpdatePanel 


由 于 网 页 发 送 到 客户 端 时 ， 母 版 页 和 内 容 页 的 内 容 是 合并 在 一 起 的 ， 并 且 网 页 只 能 有 
-个 ScriptManager 控件 ， 因 此 只 需要 在 母 版 页 中 放置 ScriptManager 控件 ， 内 容 页 就 可 以 
使 用 UpdatePanel 了 。 


1. 在 内 容 页 中 使 用 UpdatePanel 


下 面 通过 具体 示例 介绍 在 内 容 页 中 使 用 UpdatePanel 控件 的 方法 。 

【 例 10-5】 在 内 容 页 中 使 用 UpdatePanel 控件 的 示例 。 

(1) 启动 VS， 打开 webSite10 网 站 。 

(2) 在 【解决 方案 资源 管理 器 】 中 ， 添 加 一 个 名 为 MasterPage.master 的 母 版 页 。 

(3) 在 工具 箱 的 【AJAX 扩展 】 标 签 下 双击 ScriptManager 控件 ， 将 ScriptManager 控件 
添加 到 母 版 页 中 ， 确 保 ScriptManager 控件 添加 在 ContentPlaceHolder 控件 之 外 ， 如 图 10-6 
所 示 。 

| wasterpagemaster ortertupdatepanelaspx = 


ScriptManager - ScriptManager1 了 

















设计 | 日 拆 分 |。 源 加 | <form#form1>|[<div> |[<asp:ScriptManager#Script...> 























图 10-6 ”MasterPage.master 母 版 页 设计 视图 





(4) 以 MasterPage master 为 母 版 ， 创 建 一 个 名 为 ContentPage.aspx 的 内 容 页 。 
(5) 在 ContentPage.aspx 页 面 中 添加 1 个 UpdatePanel 控件 ， 并 在 UpdatePanel 控件 中 
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Em 





放置 1 个 Calendar 控件 ， 如 图 10-7 所 示 。 
(6) 按 Cul 十 F5 组 合 键 运行 ， 当 单 训 ge 


Calendar 控件 中 的 链接 时 , 页 面 进行 局 部 刷新 。 二- 月 -月 = 由 月 骨 六 再 
5 6 了 8 9 了 0 1 


窑 12 13 14 15 16 17 18 

2. 从 母 版 页 更 新 内 容 页 的 UpdatePanel 19 20 21 22 23 24 25 
26 27 28 29 30 31 1 

2 3 4 5 YY 





下 面具 体 通 过 示例 介绍 如 何 从 母 版 页 更 J 
新 内 容 页 的 UpdatePanel。 ln [<asp:UpdatePaneleUpdatepe..> 加 











【 例 10-6】 在 母 版 页 中 更 新 内 容 页 的 。 图 10-7 ContentPage. aspx 内 容 页 设计 视图 
UpdatePanel 的 示例 。 

(1) 启动 VS， 打 开 Website10 网 站 。 

(2) 在 【解决 方案 资源 管理 器 】 中 ， 添 加 一 个 名 为 MasterPagel.master 的 母 版 页 。 

(3) 将 母 版 页 HTML 代码 改写 为 如 下 内 容 。 


能 





<body> 
<form id="form]1" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:Button ID="IncrementButton" runat="server" Text=" 后 一 天 " 
onclick="IncrementButton_Click" /> 
<asp:Button ID="DecrementButton" runat="server" Text=" 前 一 天 " 
onclick="DecrementButton_Click" /> 
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 
</asp:ContentPlaceHolder> 
</div> 
</form> 
</body> 


(4) 以 MasterPagel.master 为 母 版 ， 创 建 一 个 名 为 ContentPagel.aspx 的 内 容 页 。 
(5) 将 内 容 页 HTML 代码 改写 为 如 下 内 容 。 


<asp:Content ID="Contentl" ContentPlaceHolderID="head" Runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderl" Runat="Server"> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Calendar ID="Calendarl" runat="server"></asp:Calendar> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="IncrementButton" /> 
<asp:AsyncPostBackTrigger ControlID="DecrementButton" /> 
</Triggers> 
</asp:UpdatePanel> 
</asp:Content> 


(6) 将 MasterPagel.master 后 台 代码 改写 为 如 下 内 容 。 


protected void IncrementButton Click(object sender, EventArgs e) 
由 
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// 找 到 内 容 页 中 的 Calendarl 对 象 

Calendar cal = ((Calendar)ContentPlaceHolderl FindControl("Calendar1")): 
/将 Calendarl 对 象 日 期 增加 一 天 

cal.SelectedDate = cal.SelectedDate.AddDays(1) : 


protected void DecrementButton Click(object sender, EventArgs e) 


// 找 到 内 容 页 中 的 Calendarl 对 象 
Calendar cal = ((Calendar)ContentPlaceHolderl.FindControl("Calendarl")); 
/将 Calendarl 对 象 日 期 减少 一 天 
cal.SelectedDate = cal.SelectedDate.AddDays(-1) ; 
} 


(7) 将 ContentPagel.aspx 后 台 代码 改写 为 如 下 内 容 。 


Protected void Page Load(object sender, EventArgs e) NG 
1 lbahon >* 国 
/首次 加 载 初始 化 Calendarl 对 象 [sel 
if (!IsPostBack) 
Calendarl.SelectedDate = DateTime.Today: 
i 
(8) 按 Ctrl 十 F5 键 运行 程序 ， 此 时 单 击 母 版 页 中 
的 【前 一 天 】 和 【后 一 天 】 按 钮 ， 触 发 了 内 容 页 中 
UpdatePanel 控件 的 局 部 刷新 , 程序 运行 效果 如 图 10-8 
所 示 。 


10.3.6 ”UpdatePanel 异步 更 新 中 的 错误 处 理 


当 发 生 UpdatePanel 控件 异步 更 新 错误 时 ， 默 认 情 况 下 会 弹出 一 个 错误 对 话 框 。 如 果 
设计 者 觉得 不 符合 用 户 习 惯 , 可 以 通过 ScriptManager 控件 的 OnAsyncPostBackError 事件 
和 AsyncPostBackErrorMessage 属性 捕捉 和 设置 回 传 时 的 错误 消息 。 

【 例 10-7 将 异步 更 新 中 的 错误 消息 发 送 给 客户 端 。 

(1) 启动 VS， 打 开 WebSite10 网 站 ， 新 建 UpdatePanel3.aspx。 

(2) 在 UpdatePanel3.aspx 的 【设计 】 视 图 中 , 放置 一 个 ScriptManager 和 一 个 UpdatePanel 
控件 。 

(3) 该 页 面 设计 如 图 10-9 所 示 。 














图 10-8 ”ContentPagel.aspx 的 运行 效果 








ScriptManager - ScriptManager1 








| | =Label3 





图 10-9 UpdatePanel3.aspx 的 设计 页 面 
对 应 【 源 】 视 图 中 的 代码 如 下 。 


<asp:ScriptManager ID="ScriptManagerl" runat—"server" 
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onasyncpostbackerror- "ScriptManagerl AsyncPostBackError"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:TextBox ID="TextBoxl" runat="server" Width="80px"></asp:TextBox> 
<asp:Label ID="Labell" runat="server" Text=" 十 " ></asp:Label> 
<asp:TextBox ID="TextBox2" runat="server" Width="80px"></asp:TextBox> 
<asp:Label ID='"Label2" runat="server" Text="="></asp:Label> 
<asp:Label ID="Label3" runat="server" Text="Label3"></asp:Label> <br /> <br /> 
<asp:Button ID="Button1" runat="server" Text=" 计 算 " onclick="Button1_Click" /> 
</ContentTemplate> 
</asp:UpdatePanel> 


(4) 添加 后 台 代码 如 下 。 


protected void Button1 Click(object sender, EventArgs e) 
ff 
try 
Double a = ConvertToDouble(TextBox1.Textb; 
Double b = Convert.ToDouble(TextBox2.Text); 
Double res =a * b; 
Label3.Text = res.ToString("f2"); 
} 
catch (Exception ex) 
if (TextBoxl.Text.Length >= 0 && TextBox2.TextLength >= 0) 
{ 
ex.Data["ExtraInfo"] = "这 两 个 数 无 法 相 乘 "; 
} 
throw ex: 
} 
protected void ScriptManagerl_AsyncPostBackError(object sender, AsyncPostBackErrorEventArgs e) 
由 
if (e.Exception.Data["ExtraInfo"] != null) 
{ 
ScriptManagerl.AsyncPostBackErrorMessage =e.Exception.Data["ExtraInfo"].ToStringO: 


ScriptManagerl.AsyncPostBackErrorMessage = e.Exception.Message: 


’ 
(5) 按 Cel 十 F5 组 合 键 运行 ， 当 相 乘 的 两 个 数 中 有 非法 数字 时 ， 弹 出 自 定义 错误 信息 
的 对 话 框 。 
如 果 按 F5 键 调试 运行 ， 调 试 器 会 首先 捕捉 到 异常 ， 从 而 中 断代 码 的 执行 ， 所 以 要 求 
程序 在 不 调试 的 情况 下 运行 。 
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10.4 UpdateProgress 控件 


UpdateProgress 控件 一 般 与 UpdatePanel 控件 联合 使 用 ， 即 在 UpdatePanel 异步 更 新 过 
程 中 ， 显 示 提 示人 信息。 这 些 信 息 可 以 是 一 段 文 字 、 进 度 条 或 各 种 动画 。 当 异步 更 新 完成 时 ， 
提示 信息 自动 消失 。 


10.4.1 UpdateProgress 控件 属性 











UpdateProgress 控件 常用 属性 如 表 10-3 所 示 。 








表 10-3 UpdateProgress 控件 常用 属性 


属 性 说 有明 
AssociateUpdatePanelID | ”设置 哪个 UpdatePanel 控件 产生 的 回 送 会 显示 UpdateProgress 的 内 容 





DisplayAfter 当 引 发 回 送 后 多 少 毫秒 会 显示 UpdateProgress 控件 的 内 容 
DynamicLayout 设置 UpdateProgress 控件 的 显示 方式 。true 当 UpdateProgress 控件 不 显示 的 


时 候 不 占用 空间 (默认 )。false 当 UpdateProgress 控件 不 显示 的 时 候 仍 然 占 用 


空间 





如 果 没 有 设 定 UpdateProgress 控 件 的 AssociateUpdatePanelID 属 性 ， 则 任何 一 个 异 
步 更 新 都 会 使 UpdateProgress 控 件 显示 出 来 。 相 反 ， 如 果 将 UpdateProgress 控 件 的 
AssociateUpdatePanelID 属 性 设 为 某 个 UpdatePanel 控 件 的 DD， 那 只 有 该 UpdatePanel 控 件 引 
发 的 异步 更 新 才 会 使 相关 联 的 UpdateProgress 控 件 显示 出 来 。 


10.4.2 ”使 用 UpdateProgress 控件 的 方法 


下 面 【 例 10-8】 页 面 上 有 1 个 UpdatePanel 控件 和 1 个 UpdateProgress 控件 ， 当 
UpdatePanel 控件 异步 更 新 时 ， 显 示 UpdateProgress 控件 的 提示 内 容 。 
【 例 10-8】 使 用 UpdateProgress 控件 的 示例 。 
(1) 启动 VS， 打 开 WebSite10 网 站 ， 创 建 名 称 为 UpdateProgressExamplel.aspx 的 网 页 。 
(2) 在 UpdateProgressExamplel.aspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 
个 UpdatePanel 和 一 个 UpdateProgress 控件 。 
(3) 在 UpdatePanel 中 ,添加 一 个 Label 后 


























控件 和 一 个 Button 控件 。 | 
(4) 在 UpdateProgress 中 ， 添 加 【 正 | 

在 更 新 】 文 字 和 进度 条 图 像 。 正在 更 新 
(5) 该 页 面 的 【设计 】 视 图 如 图 10-10 EE 

所 示 。 ， 
对 应 【 源 】 视 图 中 的 部 分 代码 如 下 。 RCI 


图 10-10 UpdateProgressExamplel.aspx 的 设计 页 面 
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<asp:ScriptManager ID="ScriptManagerl" runat—"server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> <br/> 
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Buttonl Click"/> 


<br 记 


</ContentTemplate> 
</asp:UpdatePanel> <br/><br/> 
<asp:UpdateProgress ID="UpdateProgress1" runat="server"> 
<ProgressTemplate> 
正在 更 新 ……<br 放 > 
<asp:Image ID="Imagel" runat="server" ImageUrl="progress.gif' Width="180px" /><br /> 
</ProgressTemplate> 
</asp:UpdateProgress> 


(6) 添加 后 台 代 码 如 下 。 


protected void Button1_Click(object sender, EventArgs e) 


{ 
/延迟 3 秒 


System.Threading. Thread. Sleep(3000); 


Labell.Text = 
| 


DateTime.Now.ToString(); 


(7) 按 Ctrl 十 F5 键 运行 ， 观 看 程序 运行 效果 ， 如 图 10-11 所 示 。 


愿 localhost 


2015/1/18 20:33:05 





图 10-11 程序 运行 效果 


10.4.3 使 用 多 个 UpdateProgress 控件 的 方法 


下 面 的 【 例 10-9】 


， 演 示 了 页 面 上 使 用 多 个 UpdateProgress 控件 的 方法 ， 该 示例 的 页 


面 上 放置 两 个 UpdatePanel 和 两 个 UpdateProgress 控件 ， 将 UpdateProgressl 控件 的 


AssoclateUpdatePanelID 
AssoclateUpdatePanelID 


属性 设 为 UpdatePanell 控件 的 ID ，UpdateProgress2 控件 的 
属性 设 为 UpdatePanel2 控件 的 站 。 当 UpdatePanell 异步 更 新 时 ， 





UpdateProgressl 显示 ， 而 当 UpdatePanel2 异步 更 新 时 ， 显 示 UpdateProgress2 的 提示 信息 。 
【 例 10-9】 使 用 多 个 UpdateProgress 控件 。 














(1) 启动 VS, 打 


WebSite10 网 站 , 创建 名 称 为 UpdateProgressExample2.aspx 的 网 页 。 


(2) 在 UpdateProgressExample2.aspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 两 
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个 UpdatePanel 和 两 个 UpdateProgress 控件 。 IE 


(3) 在 UpdatePanel 控件 和 UpdateProgress rmsd 


Lzpal 


控件 中 ， 添 加 与 【 例 10-8】 一 样 的 控件 。 ee 到 
(4) 该 页 面 设计 如 图 10-12 所 示 。 上 
对 应 【 源 】 视 图 中 的 部 分 代码 如 下 。 es 


正在 更 新 UpdatePanel2…… 


<asp:ScriptManager ID="ScriptManagerl1" 


Tunat="server"></asp:ScriptManager> Loading. 
<asp:UpdatePanel ID="UpdatePanell" 
runat="server" UpdateMode="Conditional"> EC AE 由 
<ContentTemplate> 图 10-12 UpdateProgressExample2.aspx 

<asp:Label ID="Labell" runat="server" 的 设计 页 面 


Text="Label"></asp:Label> <br 户 
<asp:Button ID="Buttonl" runat="server" Text="Buttonl1" onclick="Buttonl]_Click" /><br /> 
</ContentTemplate> 
</asp:UpdatePanel> <br 记 
<asp:UpdateProgress ID="UpdateProgressl" runat="server" 
AssociatedUpdatePanelID="UpdatePanell"> 


<ProgressTemplate> 

正在 更 新 UpdatePanel1……<br /> 

<asp:ImageID="Imagel" runat="server" ImageUrl="strip.gif' Width="180px" /><br/> 
</ProgressTemplate> 


</asp:UpdateProgress> <br> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> <br/> 
<asp:Button ID="Button2" runat="server" Text="Button2" onclick="Button2_Click" /> <br 
户 
</ContentTemplate> 
</asp:UpdatePanel> <br 人 > 
<asp:UpdateProgress ID="UpdateProgress2" runat="server" 
AssociatedUpdatePanelID="UpdatePanel2"> 
<ProgressTemplate> 
正在 更 新 UpdatePanel2……<br /> 
<asp:Image ID="Image2" runat="server" ImageUrl="strip.gif' Width="180px" 入 <br/> 
</ProgressTemplate> 
</asp:UpdateProgress> 


(5) 添加 后 台 代码 如 下 。 





protected void Buttonl_Click(object sender, EventArgs e) 


{ 
System.Threading. Thread.Sleep(3000); 
Labell.Text = DateTime.Now.ToString():; 
} 
protected void Button2_ Click(object sender, EventArgs e) 
{ 


System.Threading.Thread.Sleep(3000); 
Label2.Text = DateTime.Now.ToString(); 
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(6) 按 Ctrl 十 F5 键 运行 ， 可 以 观看 异步 更 新 时 UpdateProgress 控件 的 显示 效果 。 
虽然 一 个 页 面 允许 有 多 个 UpdateProgress 控件 ， 但 是 在 实际 中 ， 一 般 在 一 个 页 面 中 应 
该 只 放置 一 个 UpdateProgress。 


10.5 ”Timer 控件 


Timer 控件 是 ASP.NET AJAX 中 又 一 个 重要 的 服务 器 控件 。 通过 它 可 以 完成 局 部 页 面 
的 定时 更 新 ， 从 而 实现 局 部 页 面 定 时 刷新 、 图 片 自动 播放 、 超 时 自动 退出 等 功能 。 


10.5.1 Timer 控件 属性 和 事件 
Timer 控件 常用 属性 和 事件 如 表 10-4 所 示 。 








表 10-4 Timer 控件 常用 属性 和 事件 





属性 和 事件 说 了 明 
Interval 属性 用 于 指定 间隔 时 间 
Tick 事件 指定 间隔 到 期 后 触发 
Enabled 属性 用 于 表示 是 否 允 许 tick 事件 


Interval 属性 用 来 决定 每 隔 多 长 时 间 要 引发 回 传 ,其 设置 值 的 单位 是 毫秒 , 默认 值 则 是 
60000ms， 也 就 是 60s。 需 要 注意 的 是 ， 将 Timer 控件 的 Interval 属性 设置 成 较 小 的 值 会 使 
得 回 送 频率 增加 ,也 很 容易 使 得 Web 服务 器 的 流量 大 增 , 对 整体 资源 耗 用 与 效率 都 会 造成 
不 良 的 影响 。 因 此 ， 尽 量 在 必要 的 时 候 使 用 Timer 控件 来 定时 更 新 页 面 上 的 内 容 。 

每 当 Timer 控件 的 Interval 属性 所 设置 的 间隔 时 间 到 达 而 进行 回 传 时 ， 就 会 在 服务 器 
上 引发 Tick 事件 ， 执 行 定时 操作 。 

另外 一 个 常用 的 属性 就 是 Enabled, 用 户 可 以 将 Enabled 属性 设置 成 false 以 便 让 Timer 
控件 停止 计时 ， 而 当 需 要 让 Timer 控件 再 次 开始 计时 的 时 候 ， 只 须 再 将 Enabled 属性 设置 
成 True 即 可 。 

Timer 控件 在 UpdatePanel 控件 的 内 外 是 有 区 别 的 。 当 Timer 控件 在 UpdatePanel 控件 
内 部 时 ，JavaScript 计时 组 件 只 有 在 一 次 回 传 完成 后 才 会 重新 建立 。 也 就 是 说 直到 网 页 回 传 
完成 之 前 ， 定 时 器 间隔 时 间 不 会 从 头 计算 。 例 如 ， 用 户 设置 Timer 控件 的 Interval 属性 值 
为 3000ms(3s)， 但 是 回 传 操作 本 身 却 花 了 2s 才 完成 ， 则 下 一 次 的 回 传 将 发 生 在 前 一 次 回 传 
被 引发 之 后 的 5s。 而 如 果 Timer 控件 位 于 UpdatePanel 控件 之 外 ， 则 当 回 传 正在 处 理 时 ， 
下 一 次 回 传 将 发 在 前 一 次 回 传 被 引发 之 后 的 3s。 也 就 是 说 , UpdatePanel 控件 的 内 容 被 更 新 
之 后 的 1s， 就 会 再 次 看 到 该 控件 被 更 新 。 











。276 。 ASPNET 4.5 网 站 开发 实例 教程 


10.5.2 ”使 用 Timer 控件 定时 更 新 UpdatePanel 


下 面 介绍 一 个 在 UpdatePanel 内 部 使 用 Timer 控件 的 简单 示例 ， 该 示例 实现 图 片 的 自 
动 刷 新 。 

【 例 10-10】 在 UpdatePanel 内 部 使 用 Timer 控件 。 

(1) 启动 VS， 打 开 WebSite10， 创 建 名 称 为 
TimerExamplel.aspx 的 网 页 。 














(2) 在 TimerExamplel.aspx 的 【设计 】 视 图 中 ， Ee 
放置 一 个 ScriptManager、 一 个 UpdatePanel。 > 
(3) 在 UpdatePanel 控件 中 , 添加 一 个 Timer 控 全 
件 和 一 个 Image 控件 。 和 
(4) 该 页 面 的 设计 如 图 10-13 所 示 。 图 10-13 TimerExamplel.aspx 的 设计 页 面 


对 应 【 源 】 视 图 中 的 部 分 代码 如 下 。 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Timer ID="Timerl" runat="server" Interval="1000" ontick= "Timerl_Tick"> 
</asp:Timer> 
<asp:Image ID='"Imagel" runat="server" ImageUrl="TimerExamplel.gif’'/> 
</ContentTemplate> 
</asp:UpdatePanel> 


(5) 添加 后 台 代 码 如 下 。 


protected void Page_Load(object sender, EventArgs e) 


{ 
if (Page.IsPostBack 一 false) 


// 设 置 网 页 上 的 变量 
ViewState["number"] = 1; 
} 


} 
protected void Timer]_Tick(object sender, EventArgs e) 


{ 

ViewState["number"] = (inbViewState["number"] % 4+ 1; 

Jmasgel.ImageUrl = string.Format("~/images/{0} .png", ViewState["number"]); 
BE 


(6) 按 Ctrl 十 F5 组 合 键 运行 ， 可 以 看 到 每 间隔 1s 局 部 刷新 一 幅 图 片 。 
10.5.3 ”使 用 Timer 控件 定时 更 新 多 个 UpdatePanel 


在 下 面 的 【 例 10-11】 中 ，Timer 控件 定时 更 新 2 个 UpdatePanel 控件 ，Timer 控件 被 
放 在 UpdatePanel 控件 的 外 面 ， 并 将 它 配置 为 UpdatePanel 的 触发 器 。 
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【 例 10-11】 使 用 Timer 控件 定时 更 新 多 个 UpdatePanel 示例 。 

(1) 启动 VS， 打 开 WebSite10， 创 建 名称 为 TimerExample2.aspx 页 面 。 

(2) 在 TimerExample2.aspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 两 个 
UpdatePanel。 下 

(3) 在 所 有 UpdatePanel 控件 之 外 , 添加 


















anager - scriFtManager1 


























Timer - Timer1 
-个 Timer 控件 ， 并 设置 它 为 UpdatePanel Leper 
Label 
的 异步 触发 器 。 ee 
(4) 该 页 面 设计 如 图 10-14 所 示 。 5 设计 |e 拆 分 |。 源 | [i[<formsform1>] <dv> 四 
对 应 【 源 】 视 图 中 的 部 分 代码 如 下 。 图 10-14 TimerExample2.aspx 的 设计 页 面 
<asp:ScriptManagerID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp: Timer ID="Timerl" runat="server" Interval="2000" ontick="Timer] Tick"> 
</asp:Timer> 
<asp:UpdatePanel ID="UpdatePanell" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="Timerl1" /> 
</Triggers> 
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="Timerl1" /> 
</Triggers> 
</asp:UpdatePanel> 


(5) 添加 后 台 代码 如 下 。 


protected void Timerl_Tick(object sender, EventArgs e) 
{ 
Labell.Text = "UpdatePanell 更 新 于 : "+ DateTime.Now.ToLongTimeString(); 
Label2.Text = "UpdatePanel2 更 新 于 : "+ DateTime.Now.ToLongTimeString(); 
) 


(6) 按 Ctrl 十 F5 组 合 键 运行 ， 可 以 看 到 每 间隔 2s 同时 刷新 两 个 UpdatePanel。 
10.6 ASP.NET AJAX Control Extenders 扩展 控件 


ASPNET AJAX Control Extenders 是 一 些 派 生 自 System.Web.UILExtenderControl 基 类 
的 控件 ， 通 常 后 级 为 Extender， 扩 展 控件 必须 和 被 其 控制 的 控件 组 合 才能 发 挥 作用 。 
利用 扩展 控件 可 以 为 页 面 中 已 存在 的 控件 添加 其 他 功能 (一 般 都 是 AJAX 或 者 
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JavaScript 支持 )。 它 们 使 得 开发 者 可 以 封装 
控件 行为 ， 并 且 使 得 为 应 用 程序 添加 更 丰富 
的 功能 变 得 非常 简单 。 

如 图 10-15 所 示 , 利用 CalendarExtender 
日 期 扩展 控件 ， 使 得 TextBox 控件 录入 日 期 
更 加 方便 、 直 观 ， 而 且 增加 了 AJAX 功能 。 

TextBox 和 CalendarExtender 组 合 的 代 
码 如 下 。 


请 输入 日 期 ， 























图 10-15 TextBox 和 CalendarExtender 组 合 


<asp:TextBox ID="TextBoxl" runat="server"></asp:TextBox> 
<ccl:CalendarExtender ID="TextBoxl_CalendarExtender" runat="server" 
Enabled="True" TargetControllID="TextBoxl"> 
</ccl:CalendarExtender> 


其 中 将 CalendarExtender 控件 的 TargetControlID 属性 指向 TextBox 控件 的 ID。 
10.6.1 ”使 用 ASP.NET AJAX Control Extenders 的 方法 

ASPNET AJAX Control Toolkit 是 一 个 非常 好 的 扩展 控件 工具 包 ， 是 由 Microsoft 公司 
和 其 他 开发 人 员 共同 开发 的 ， 它 包括 四 十 多 个 免费 的 扩展 控件 ， 而 且 一 直 都 在 增加 ， 可 以 
轻松 地 被 下 载 并 添加 到 VS 的 工具 箱 。 

1. 添加 扩展 控件 到 VS 工具 箱 

在 VS 工具 箱 中 添加 扩展 控件 的 步骤 如 下 。 

(1) 从 Microsoft 公司 网 站 上 ， 下 载 ASPNET AJAX Control Toolkit For .NET 4.5 工具 


(2) 将 该 工具 包 解 压缩。 

(3) 在 VS 工具 箱 中 ， 新 建 一 个 名 为 AJAX Control Toolkit 的 选项 卡 。 

(4) 在 解压 后 的 工具 包 中 找到 AJAXControlToolkit.dll 文件 ， 将 其 拖 动 到 VS 工具 箱 的 
AJAX Control Toolkit 选项 卡 中 。 

这 样 ， 扩 展 控件 就 会 出 现在 VS 的 工具 箱 中 ， 如 到 











EE 
图 10-16 所 示 。 i x 
2. 绑 定 扩展 控件 到 某 个 已 存在 的 控件 全 
扩展 控件 被 添加 到 VS 工具 箱 后 , 再 选择 控件 时 ， pA 
会 发 现 一 个 新 的 【添加 扩展 程序 】 任 务 选项 出 现在 被 be 3 
选择 的 控件 上 ， 如 图 10-17 所 示 。 | 
如 果 单 击 【添加 扩展 程序 】 任 务 选项 ， 将 会 弹出 eon 
如 图 10-18 所 示 的 对 话 框 ， 它 包含 了 所 有 可 以 选择 的 invfieUplond 


图 10-16 Vs 的 工具 箱 





扩展 控件 ， 确 定 后 就 完成 了 扩展 控件 的 绑 定 。 
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件 





图 10-18 【选择 扩展 控件 】 对 话 杠 


3. 合并 属性 窗 格 


在 VS 中 ， 当 将 一 个 扩展 控件 绑 定 到 一 个 控件 后 ， 该 控件 的 属性 窗 格 也 会 扩展 显示 扩 
展 控件 的 属性 ， 如 图 10-19 所 示 。 


4. 删除 绑 定 的 扩展 控件 


如 果 想 删除 某 个 控件 的 扩展 控件 ， 只 需要 从 控件 的 任务 选项 中 选择 【删除 扩展 程序 】 
选项 ， 如 图 10-20 所 示 。 


时 性 
TextBor1 Sycten WebULWebCentrelcTeeBor 











[| 
Peer 
图 10-19 扩展 显示 属性 窗 格 图 10-20 删除 扩展 控件 


10.6.2 ”使 用 FilteredTextBoxExtender 控件 防止 输入 非法 字符 


FilteredTextBoxExtender 扩展 控件 是 用 来 对 文本 框 进行 过 滤 的 ， 让 文本 框 只 能 对 设 定 
的 值 进 行 输入 。 输 入 类 型 有 Numbers( 数 字 )，LowercaseLetters( 小 写字 母 )，UppercaseLetters 
(大 写字 母 ) 和 Custom( 自 定义 字符 串 )。FilteredTextBoxExtender 扩展 控件 的 常用 属性 如 表 
10-5 所 示 。 





表 10-5 FilteredTextBoxExtender 常用 属性 


属 性 说 明 
TargetControlID 要 进行 过 滤 的 目标 TextBox 的 ID 
FilterType 字符 过 滤 类 型 , 提供 的 有 如 下 4 种 : Numbers、LowercaseLetters、 UppercaseLetters、 
Custom。 它 们 之 间 可 以 同时 指定 多 个 类 型 ， 如 FilterType="Custom, Numbers" 
ValidChars 当 FilterType 为 Custom 时 允许 输入 的 字符 ， 否 则 将 被 忽略 ， 如 ValidChars= 





-一 /sm 
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下 面 通过 具体 示例 演示 FilteredTextBoxExtender 扩展 控件 的 用 法 。 

【 例 10-12】 演 示 FilteredTextBoxExtender 扩展 控件 的 用 法 。 

(1) 启动 VS， 打 开 WebSite10， 创 建 名称 为 FilteredTextBoxExtender.aspx 的 网 页 。 

(2) 在 FilteredTextBoxExtender.aspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 
个 TextBox 和 一 个 Label。 

(3) 单 击 TextBox 控件 的 【添加 扩展 程序 】 任 务 选 项 ， 绑 定 FilteredTextBoxExtender 
扩展 控件 。 

(4) 该 页 面 设计 如 图 10-21 所 示 。 

IETIEEIR 一 


SeriptManager - ScriptMansger1 


只 能 输入 大 写字 与 或 数字 : 


























wt |e 折 人 |“ 天 | [Fd] <espiabenisbeh> 四 


图 10-21 FilteredTextBoxExtender.aspx 的 设计 页 面 
对 应 【 源 】 视 图 中 的 部 分 代码 如 下 。 


<%(@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ccl" %> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:Label ID="Labell" runat="server" Text=" 只 能 输入 大 写字 母 或 数字 : "></asp:Label> 
<asp:TextBox ID="TextBoxl" runat="server"></asp:TextBox> 
<ccl:FilteredTextBoxExtender ID="TextBox] FilteredTextBoxExtender" 

runat="server" Enabled="True" FilterType="Numbers,UppercaseLetters" 

TargetControlID="TextBox1"> 

</ccl:FilteredTextBoxExtender> 


(5) 按 Ctrl 十 F5 组 合 键 运行 ， 可 以 看 到 TextBox 控件 只 允许 输入 大 写字 母 和 数字 。 

由 于 使 用 文本 框 过 滤 是 在 客户 端 进行 的 ， 所 以 使 用 FilteredTextBoxExtender 扩展 控件 
的 网 页 中 必须 包含 ScriptManager 控件 。 
10.6.3 使 用 SlideShowExtender 控件 播放 幻灯 片 

SlideShowExtender 扩展 控件 用 于 控制 Image 控件 , 它 可 以 很 方便 地 实现 自动 和 手动 播 
放 图 片 功能 。 由 于 播放 图 片 是 在 客户 端 进行 的 , 所 以 使 用 SlideShowExtender 扩展 控件 的 网 
页 中 必须 包含 ScriptManager 控件 。 

SlideShowExtender 扩展 控件 的 常用 属性 如 表 10-6 所 示 。 


表 10-6 SlideShowExtender 常用 属性 








属 性 说 了 明 
TargetControlID 该 控件 的 目标 扩展 控件 
ImageDescriptionLabelID 对 显示 的 图 片 进 行 说 明 的 Label 控件 





是 否 为 图 片 进行 循环 放映 
控制 显示 下 一 张 图 片 的 按钮 


Loop 
NextButtonID 
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( 续 表 ) 









控制 进行 播放 或 停止 的 按钮 
当 Image 中 的 图 片 在 放映 时 ，PlayButtonID 按钮 显示 的 文本 
控制 显示 前 一 张 图 片 的 按钮 

当 Image 中 的 图 片 停止 放映 时 ，PlayButtonID 按钮 显示 的 文本 
播放 每 幅 图 片 的 间隔 ， 单 位 ms， 默 认 3000ms(3s) 

进行 幻灯 片 式 放映 时 加 载 图 片 的 方法 








PlayButtonID 








PlayButtonText 





PreviousButtonID 








StopButtonText 





PlayInterval 
SlideShowServiceMethod 








下 面 通过 【 例 10-13 】 演 示 SlideShowExtender 扩展 控件 的 用 法 。 

【 例 10-13】 演 示 SlideShowExtender 扩展 控件 的 用 法 。 

(1) 启动 VS， 打 开 WebSite10， 创 建 名 称 为 SlideShowExtender.aspx 的 网 页 。 

(2) 在 SlideShowExtender.aspx 的 【设计 】 视 图 中 , 放置 一 个 ScriptManager、 1 个 Image、 
1 个 Label 和 3 个 Button 控件 。Image 控件 用 于 显示 图 片 ，Label 控件 用 于 显示 图 片 说 明 ， 
Button 控件 用 于 控制 图 片 显 示 。 

(3) 单 击 Image 控件 的 【添加 扩展 程序 】 任务 选项 , 绑 定 SlideShowExtender 扩展 控件 。 

(4) 该 页 面 【 源 】 视 图 中 的 部 分 代码 如 下 。 





<%(@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ccl" %> 

<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:Image ID="Imagel" runat="server" 

Height="300" 

Style="border: 1px solid black:width:auto" 

ImageUrl="~/images/Blue hills.jpg" 

AlternateText="Blue Hills image" /> 
<asp:Label runat="server" ID="imageDescription" ></asp:Label><br /><br /> 
<asp:Button runat="Server" ID="prevButton" Text=" 前 一 个 "” /> 
<asp:Button runat="Server" ID="playButton" Text=" 开 始 "” 人 > 
<asp:Button runat="Server" ID="nextButton" Text=" 后 一 个 " /> 


<ccl:SlideShowExtender ID="slideshowextendl" runat="server" 

TargetControlID="Imagel" 
SlideShowServiceMethod="GetSlides" 
AutoPlay="true" 
ImageDescriptionLabelID="imageDescription" 
NextButtonID="nextButton" 
PlayButtonText=" 开 始 " 
StopButtonText=" 停 止 " 
PreviousButtonID="prevButton" 
PlayButtonID="playButton" 
Loop="true" PlayInterval="2000"> 

</ccl:SlideShowExtender> 
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(5) 添加 后 台 代 码 如 下 。 


[System.Web.Services.WebMethod] 

[System.Web.Script.Services.ScriptMethod] 

public static AjaxControlToolkit.Slide[] GetSlidesO 

{ 

Tetum new AjaxControlToolkit.Slide[] { 

new AjaxControlToolkit Slide("images/Blue hillsj 
new AjaxControlToolkit Slide("images/Sunsetjp! 
new AjaxControlToolkit.Slide("images/Winter.jpg", 
Dew AjaxControlToolkit.Slide("images/Water lilies.jpg", "", "Lillies in the water"), 
new AjaxControlToolkit.Slide("images/VerticalPicture.jpg", "", "Portrait style icture")}:; 


"ov "Blue hills"), 







| 
GetSlides 方法 创建 了 一 个 AjaxControlToolkit Slide 类 型 的 数组 ， 该 数组 包含 了 所 有 要 
播放 的 图 片 ，SlideShowExtender 控件 调用 GetSlides 方法 , 得 到 这 些 图 片 , 并 将 其 在 Images 
控件 中 依次 显示 出 来 。 
(6) 按 Ctrl 十 F5 组 合 键 运行 ， 运 行 效果 如 图 10-22 所 示 。 


(|B np:/ocalhosts3353/sideshowE aencer.aspx Dp-2c 


Sunset 


-个 | 人 上 [后 -不 





图 10-22 【 例 10-13】 的 运行 效果 


10.6.4 ”使 用 AlwaysVisibleControlExtender 固定 位 置 显示 控件 


AlwaysVisibleControlExtender 扩展 控件 使 其 被 控制 的 控件 显示 在 页 面 的 固定 位 置 上 ， 
常用 于 漂浮 在 网 页 两 边 ， 跟 随 着 滚动 条 滚动 的 悬浮 广告 等 。AlwaysVisibleControlExtender 
是 一 个 非常 简单 的 扩展 控件 ， 不 用 编码 只 需 简 单 的 设置 就 可 使 用 。 

AlwaysVisibleControlExtender 扩展 控件 的 常用 属性 如 表 10-7 所 示 。 





表 10-7 AlwaysVisibleControlExtender 常用 属性 











属 性 说 有明 
TargetControlID 目标 控件 DD， 要 浮动 的 控件 
HorizontalOffset 距离 浏览 器 的 水 平 边 距 ， 默 认 值 0px 
HorizontalSide 水 平 停靠 方向 ， 默 认 值 Left 


第 10 章 ASPNETAJAX = 283。 








( 续 表 ) 
属 性 说 有 明 
VerticalOffset 距离 浏览 器 的 垂直 边 距 ， 默 认 值 Opx 
VerticalSide 垂直 停靠 方向 ， 默 认 值 Top 
ScrollEffectDuration 滚动 效果 的 延迟 时 间 ， 单 位 为 秒 ， 默 认 值 0.1 





下 面 通过 【 例 10-14】 演 示 AlwaysVisibleControlExtender 扩展 控件 的 用 法 。 

【 例 10-14】 演 示 AlwaysVisibleControlExtender 扩展 控件 的 用 法 。 

(1) 启动 VS, 打开 WebSite10 网 站 , 创建 名 称 为 AlwaysVisibleControlExtender.aspx 的 
网 页 。 

(2) 在 AlwaysVisibleControlExtender.aspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager 
和 一 个 Panel。 在 Panel 中 添加 一 个 ImageButton 控件 。 

(3) 单 击 Panel 控件 的 【添加 扩展 程序 】 任 务 选 项 ， 绑 定 AlwaysVisibleControlExtender 
扩展 控件 。 

(4) 该 页 面 【 源 】 视 图 中 的 部 分 代码 如 下 。 


<%(@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ccl" 
%> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:Panel ID="Panell" rnat="server"” Width="150px" height="120px"> 
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="images/].jpg" /> 
</asp:Panel> 
<ccl:AlwaysVisibleControlExtender ID="avce" runat="server" 
TargetControlID="Panell" 
VerticalOffset="10" 
HorizontalOffset="10" 
ScrollEffectDuration=".1" /> 


(5) 按 Ctl+F5 组 合 键 运行 ， 运 行 效果 如 图 10-23 所 示 ， 上 下 移动 浏览 器 的 滨 动 条 ， 
可 以 看 到 ， 图 片 始终 保持 在 页 面 的 左上 角 位 置 上 。 


x 


CE hp//ocalhosts3 PD- Sol 
展 localhos | 本 
文件 昌 ” 奖 名 日。 可 看 VW) 收 基准。 工具 C 





图 10-23 程序 运行 效果 


ASP.NET AJAX Control Toolkit 是 一 个 免费 开源 的 工具 包 ， 包 含 了 新 的 Web 服务 器 控 
件 ， 随 着 控件 数量 的 逐渐 增加 ， 无 疑 会 给 Web 应 用 程序 开发 带 来 更 大 方便 。 
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10.7 ”本章 小 结 


本 章 全 面 讲述 了 ASPNET AJAX 技术 。 首 先 简单 介绍 了 AJAX 的 概念 ， 然后 介绍 
ScriptManager、UpdatePanel、UpdateProgress、Timer 控件 在 AJAX 技术 中 的 使 用 ， 最 后 介 
绍 了 ASP.NET AJAX Control Extenders 扩展 控件 的 使 用 。 通 过 本 章 的 学 习 ， 读 者 可 以 全 面 
的 掌握 AJAX 技术 在 ASPNET 应 用 程序 中 的 使 用 方法 。 





10.8 思考 和 练习 


1. 简要 介绍 AJAX 技术 的 原理 。 

2. 使 用 AJAX 技术 能 带 来 什么 优势 ? 

3. ScriptManager 控件 是 ASP.NET AJAX 的 核心 ， 它 的 作用 是 什么 ? 

4. 利用 AJAX 工具 控件 包 设计 一 个 用 户 注册 界面 ， 注 册 的 信息 包括 用 户 名 、 密 码 、 生 
日 等 信息 ， 要 求 : 

(1) 所 有 输入 信息 不 能 为 空 ; 

(2) 用 户 在 输入 密码 时 要 弹出 提示 对 话 框 提 示 密 码 长 度 不 能 小 于 6 位 ; 

(3) 利用 日 期 选择 扩展 控件 让 用 户 选择 生日 。 
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目前 流行 的 前 端的 语言 是 JavaScript， 它 是 一 种 动态 类 型 、 弱 类 型 、 基 于 原型 的 语言 ， 
内 置 支持 类 型 。 它 的 解释 器 被 称 为 JavaScript 引擎 ， 为 浏览 器 的 一 部 分 ， 广 泛 用 于 客户 端 
的 脚本 语言 。 最 早 是 在 HTML 网 页 上 使 用 ， 用 来 给 HTML 网 页 增加 动态 功能 。 

虽然 JavaScript 的 功能 丰富 且 强 大 ， 但 它 仍然 存在 一 些 不 足 之 处 。 例 如 ， 并 不 是 所 有 
的 浏览 器 都 以 相同 的 方式 解释 JavaScript。 大 部 分 JavaScript 代码 都 可 以 在 主流 浏览 器 中 运 
行 ， 但 是 浏览 器 对 代码 的 解释 和 表现 出 的 行为 存在 一 些 细微 的 差别 ， 所 以 很 难 编写 能 够 在 
所 有 主流 浏览 器 中 表现 出 相同 行为 的 代码 。 而且, JavaScript 还 缺少 能 够 使 日 常 的 JavaScript 
编码 变 得 更 加 轻松 的 实用 功能 。 例 如 ， 它 提供 了 可 以 找到 页 面 上 特定 元 素 的 内 置 方法 。 例 
如 ， 通 过 getElementById 方法 找到 指定 元 素 和 通过 getElementsByTagName 方法 找到 特定 
HTML 标记 的 全 部 元 素 。 但 是 ， 它 缺少 找 出 应 用 到 特定 类 的 元 素 列 表 的 功能 ， 如 
getElementsByClassName。 

幸运 的 是 ，Intermet 开发 社区 一 直 在 致力 于 开发 一 种 在 后 台 使 用 JavaScript 的 框架 。 这 
种 框架 扩展 了 JavaScript 的 功能 ， 同 时 也 提供 了 非常 丰富 的 功能 集 ， 用 来 帮助 构建 人 员 构 
建交 互 式 的 客户 端 Web 页 面 。 他 们 已 经 开发 出 了 许多 JavaScript 库 (其 中 大 多 数 都 是 免费 
的 )。 目 前 主流 的 JavaScript 库 有 : Prototype、Scriptaculous、Ext JS、Dojo、jQuery 等 。 其 中 ， 
jQuery 最 早 由 John Resig 在 2006 年 1 月 开发 和 发 布 ， 现 在 已 经 成 长 为 一 个 备 受 欢迎 的 客户 
端 框架 。 Microsoft 也 注意 到 jQuery 功能 强大 , 并 决定 在 自己 的 产品 中 附送 这 个 框架 。 最 初 ， 
jQuery 随 Microsoft ASPNET MVC 框架 一 起 提供 ， 现 在 也 包含 在 Visual Studio 2012 中 。 








本 章 的 学 习 目 标 : 

。 jQuery 简介 。 

e NuGet 的 概念 和 用 法 。 

e 如何 使 用 jQuery 增强 页 面 ， 包 括 添加 丰富 的 视觉 效果 和 动画 。 
e 如 何 使 用 jQuery 扩展 ASPNET 验证 框架 。 


11.1 jQuery 概述 


jQuery 库 简化 了 访问 Web 页 面 元 素 的 方法 、 帮 助 处 理 客户 端 事件 、 提 供 视 觉 效 果 ( 如 
动画 ) 支 持 ， 以 及 更 加 便于 在 应 用 程序 中 使 用 Ajax。 获 得 jQuery 库 并 添加 到 Web 站 点 上 有 
以 下 几 种 方式 。 

首先 ， 可 以 从 jQuery 的 官方 网 站 http://jquery.com 上 下 载 jQuery 的 最 新 版 本 。 该 网 站 
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不 但 提供 了 可 以 下 载 的 文件 ， 还 提供 了 文档 、FAQ、 教 程 和 其 他 有 助 于 更 好 地 利用 jQuery 
的 信息 。 

第 二 种 方式 是 使 用 ASP.NET Web 窗 体 站 点 模板 创建 新 站 点 ， 因 为 它 已 经 包含 一 个 带 
有 必要 jQuery 文件 的 Scripts 文件 夹 。 

在 站 点 中 添加 jQuery 的 第 三 种 方式 是 使 用 Content Delivery Network(CDN)。 

最 后 一 种 方式 是 使 用 NuGet, 这 是 Visual Studio( 包 括 Express 版 本 ) 附 带 的 库 包 管理 器 。 
下 面 讨论 NuGet。 





11.1.1 NuGet 简介 


NuGet 是 一 个 开源 的 库 包 管理 器 ， 它 是 Visual Studio 的 一 个 扩展 ， 非 常 便于 在 Visual 
Studio 项 目 和 网 站 中 添加 、 删 除 和 更 新 外 部 库 。 它 最 初 由 Microsoft 开发 ， 但 现在 是 一 个 
源 项 目 ， 接 受 开发 社区 的 支持 。 尽 管 在 VS 中 NuGet 用 于 网 站 ， 但 NuGet 不 仅仅 用 于 
ASP.NET， 还 可 以 用 于 用 构建 的 所 有 类 型 的 应 用 程序 。 

要 在 ASP.NET 网 站 中 添加 一 个 开源 库 ， 如 jQuery， 通常 需要 执行 如 下 步 又。 

(1) 找到 库 的 网 站 。 

(2) 找到 该 库 的 最 新 稳定 版 本 的 下 载 链接 并 下 载 它 。 

(3) 使 用 Windows 资源 管理 器 开启 下 载 的 文件 ， 对 它 解压 缩 ， 添 加 到 项 目 中 ， 也 可 以 
为 它 创建 一 个 专用 的 文件 夹 。 

(4) 也 可 以 在 项 目 中 添加 一 个 对 库 的 引用 。 

(5) 也 可 以 通过 Web.config 文件 或 其 他 代码 文件 配置 该 库 。 

使 用 NuGet 可 以 极 大 地 减少 把 库 添加 到 项 目 中 所 需要 的 步骤 。 例如 , 只 需要 单 击 5 次 ， 
就 可 以 添加 jQuery 库 。 除 了 添加 包 之 外 ， 把 库 添加 到 网 站 中 后 ，NuGet 还 可 以 方便 地 把 它 
们 更 新 为 最 新 版 本 ， 也 可 以 不 留 痕迹 地 删除 包 。 

除了 作为 VS 的 扩展 之 外 ，NuGet 也 有 自己 的 官方 网 站 http://nuget.org。 在 这 里 可 以 浏 
览 包 的 类 别 ， 查 找 安装 包 的 命令 ,阅读 详细 文档 等 。 

使 用 NuGet 管理 库 有 两 个 选项 : 使 用 【管理 NuGet 程序 包 】 对 话 框 和 【程序 包 管理 器 
控制 台 】。 

1.【 管 理 NuGet 程序 包 】 对 话 框 

【管理 NuGet 程序 包 】 对 话 框 可 以 在 线 搜索 包 ,管理 已 安装 的 包 。 要 访问 这 个 对 话 框 ， 
可 以 在 【解决 方案 资源 管理 器 】 中 右 击 网 站 , 选择 【管理 NuGet 程序 包 】, 也 可 以 选择 【 工 
具 】 | 【 库 程序 包 管理 器 】 | 【管理 解决 方案 的 NuGet 程序 包 】， 打 开 【 管 理 NuGet 程 
序 包 】 对 话 框 ， 如 图 11-1 所 示 。 

在 对 话 框 的 左边 ， 可 以 选择 4 种 不 同类 型 的 包 列 表 : 
e 【已 安装 的 包 】: 这 一 项 显示 了 已 安装 到 网 站 中 的 包 列 表 。 使 用 这 个 选项 可 以 确 

定 已 安装 的 包 的 版 本 、 撮 载 包 ， 或 者 把 相同 的 包 安 装 到 同一 个 解决 方案 的 另 一 个 

网 站 或 项 目 中 。 
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图 11-1 【管理 NuGet 程 序 包 】 对 话 框 


e 【联机 】: 这 一 项 允许 使 用 官方 的 NuGet 包 源 在 线 搜索 包 ， 或 者 可 能 已 添加 的 其 
他 种 子 (这 可 以 使 用 【工具 】 | 【选项 】| 【 包 管 理 器 】| 【程序 包 源 】 来 实现 )。 默 
认 情 况 下 ,该 列表 先 显示 最 流行 的 包 (用 下 载 次 数 来 衡量 ), 但 可 以 使 用 项 部 的 下 拉 
列表 来 改变 顺序 。 在 【排序 依据 】 下 拉 列 表 的 左边 ， 可 以 选择 只 显示 稳定 的 包 ， 
或 者 还 包含 包 的 预 发 布 版 本 。 在 右上 角 ， 可 以 输入 包 的 名 称 (或 名 称 的 一 部 分 ) 来 搜 





索 包 。 一 旦 找到 要 添加 到 网 站 中 的 包 ， 就 选中 它 ， 单 击 【安装 】 按 钮 ， 
包 管理 器 】 ne 
。 【更 新 】: -项 显示 了 自从 把 包 安装 到 网 站 后 发 布 了 新 版 本 的 包 列 表 。 


【NuGet 





因为 更 


etd 已 有 的 网 站 中 断 ， 所 以 它们 不 会 自动 安装 ， 而 需要 手动 选择 要 更 新 


的 包 。 


@ 在 NuGet 网 站 的 文档 部 分 http://bit.ly/q2PiyM， 可 以 找到 关于 【NuGet 包 管 


对 话 框 的 完整 文档 。 
除了 使 用 这 个 对 话 框 之 外 ， 还 可 以 使 用 【程序 包 管理 器 控制 台 】 管 理 包 。 
2. 【程序 包 管理 器 控制 台 】 的 使 用 


理 器 】 


【程序 包 管 理 器 控制 台 】 人 允许 在 命令 行 界面 上 管理 包 。 这 不 像 使 用 对 话 框 那样 友好 ， 
但 一 旦 喜欢 使 用 NuGet， 就 会 发 现 这 个 控制 台 非 常 有 用 。 使 用 该 控制 台 ， 可 以 访问 与 对 话 


框 相同 的 功能 ， 还 能 使 用 更 多 的 功能 。 图 11-2 显示 了 【程序 包 管理 器 控制 台 】， 选 择 【 工 


具 】 | 【 库 程序 包 管理 器 】 | 【程序 包 管 理 器 控制 台 】 就 可 以 从 主 菜单 中 访问 它 。 





程序 包 源 (K): NuGet 官方 程序 包 源 四 


每 个 程序 包 的 所 有 者 将 相应 程序 包 授权 给 您 。 贞 crosoft 不 负责 也 不 会 授予 对 第 三 方程 序 包 的 任何 许可 。 有 < 
些 程序 包 可 能 电 含 受 其 他 许可 证 控制 的 信和 大。 请 访问 程序 包 源 6 原 ) VRL 以 确定 所 有 依 珊 硕 。 


程序 包 管 理 器 控制 台 主机 版 本 2. 2. 40116. 9051 
键入 “get-help NuGet ”以 查看 所 有 可 用 的 Nucet 命令 。 


全 宁 包 生 这 刘 后， 雪 反 工 具 当 作 
图 11-2 【程序 包 管理 器 控制 台 】 
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这 个 命令 行 窗 口 支持 的 许多 命令 都 有 助 于 管理 包 。 为 了 获得 主要 的 可 用 命令 列表 ， 可 
以 输入 Get- Help NuGet， 按 下 回 车 键 ， 就 会 显示 可 以 在 控制 台 上 运行 的 命令 列表 。 这 个 控 
制 台 也 有 智能 提示 功能 , 按 下 Tab 键 , 就 可 以 帮助 用 户 完成 命令 的 输入 。 例如 ，Help 命令 ， 
只 要 输入 Get， 再 按 下 Tab 键 ， 就 可 以 列 出 以 Get 开头 的 所 有 命令 。 接 着 可 以 从 该 列表 中 
选择 命令 ， 再 次 按 下 Tab 键 ， 最 后 按 下 回 车 键 ， 就 可 以 完成 该 命令 的 输入 。 因 为 许多 命令 
都 以 Get 开头 ， 所 以 输入 Get-H， 再 按 下 Tab 键 ， 就 比较 快 ， 或 者 自己 输入 完整 的 命令 。 
但 是 ， 对 于 很 长 、 比 较 独 特 的 命令 名 称 而 言 ， 使 用 Tab 键 可 以 节省 许多 时 间 。 

也 许 最 常用 的 命令 是 Get-Package 和 Install-Package。 使 用 Get-Package 可 以 列 出 当前 
在 站 点 上 安装 的 包 。 要 查看 该 列表 ， 只 需要 输入 命令 ， 再 按 下 回 车 键 。 如 果 现 在 就 尝试 输 
入 ， 列 表 就 是 空 的 ， 因 为 目前 还 没有 安装 任何 包 。 使 用 Get-Package-ListAvailable， 就 可 以 
看 到 所 有 可 用 包 的 完整 列表 。 因 为 有 数 千 个 这 样 的 包 ( 这 个 列表 还 在 增加 )， 所 以 可 以 使 用 
-Filter 过 滤 列 表 ， 代 码 如 下 。 


Get-Package -ListAvailable -Filter jQuery 
这 列 出 了 名 称 中 有 jQuery 的 所 有 包 。 注意 这 个 过 滤 不 区 分 大 小 写 。 要 找到 还 未 正式 发 
布 的 包 的 预 发 布 版 本 ， 可 以 使 用 -PreRelease 选项 ， 代 码 如 下 。 
Get-Package -ListAvailable -Filter jQuery -PreRelease 
- 旦 找到 需要 安装 的 包 ， 就 使 用 Install-Package 命令 安装 它 。 需 要 给 该 命令 提供 包 的 
名 称 作 为 参数 。 例 如 ， 要 把 jQuery 安装 到 网 站 中 ， 可 以 执行 如 下 命令 。 
Jnstall-Package jQuery 


按 下 Enter 键 后 ，【 程 序 包 管理 器 控制 台 】 就 会 下 载 该 包 ， 把 它 安装 到 网 站 上 ， 这 与 
使 用 【管理 NuGet 程序 包 】 对 话 框 的 效果 一 样 。 

【 例 11-1】 练 习 使 用 管理 NuGet 程序 包 对 话 框 在 网 站 上 安装 jQuery 库 。 

这 个 练习 将 介绍 如 何 使 用 管理 NuGet 程序 包 对 话 框 查找 并 安装 最 新 的 jQuery 包 。 使 
用 这 个 对 话 框 是 最 直观 、 最 简单 的 方式 ， 所 以 这 是 使 用 NuGet 的 最 佳 起 点 。 在 本 书 的 后 面 
部 分 ， 还 将 使 用 控制 台 窗口 安装 包 。 

(1) 首先 打开 【管理 NuGet 程序 包 】 对 话 框 ， 如 图 11-1 所 示 。 

(2) 如 果 还 未 选择 ， 就 单 击 左边 列表 中 的 【联机 】 项 。 

(3) 找到 jQuery 项 ， 如 果 希 望 安装 的 包 没 出 现在 联机 列表 中 ， 就 使 用 对 话 框 右上 角 的 

(4) 单 击 列表 中 的 jQuery 库 包 。 确保 只 选中 jQuery 库 ， 而 不 选中 jQuery UI(Combined 
Library， 即 : 合并 的 库 ) 或 ]Query Validation 包 ， 因 为 它们 用 于 不 同 的 目的 。 

(5) 单 击 【 安 装 】 按 钮 ， 弹 出 一 个 对 话 框 ， 其 中 列 出 了 安装 包 所 执行 的 动作 。 这 个 对 
话 框 消失 后 ，jQuery 安装 完毕 ，【 解 决 方案 资源 管理 器 】 中 出 现 一 个 Script 文件 夹 ， 单 击 
【关闭 】 按 钮 ， 退 出 【管理 NuGet 程序 包 】 对 话 框 。 
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注意 : 
在 安装 过 程 中 , NuGet 在 Scripts 文 件 夹 中 添加 了 3 个 与 jQuery 有 关 的 JavaScript 文件。 
这 个 文件 放 在 网 站 的 根 上 ， 并 创建 一 个 packages 文件 夹 来 存储 已 下 载 包 的 本 地 副本 。 


Scripts 包 中 包含 3 个 js 文件 。 其 中，jquery-2.1.3js 文件 包含 未 压缩 格式 的 核心 jQuery 
代码 , 这 意味 着 可 以 读 取 其 代码 。 在 需要 查看 库 执 行 了 什么 代码 时 , 将 这 些 代码 用 于 调试 。 
jquery-2.1.3. intellisensejs 文 件 包含 jQuery 库 中 用 于 IntelliSense 列表 和 文档 弹出 窗口 的 代码 
的 文档 。jquery-2.1.3.minjs 文件 是 压缩 格式 的 核心 jQuery 库 ， 这 个 文件 用 于 网 站 ， 因 为 它 
最 小 ， 因 此 下 载 起 来 最 快 。 

把 jQuery 库 添加 到 网 站 中 后 ， 下 一 步 就 是 确定 在 哪里 使 用 它 。 因 为 jQuery 库 增 加 了 
网 页 的 大 小 ， 所 以 应 慎重 选择 是 否 在 站 点 中 包含 它 。 


11.1.2 设置 引用 jQuery 的 位 置 


要 在 Web 站 点 中 引用 jQuery， 有 以 下 几 种 方法 。 

e 只 在 需要 jQuery 的 网 页 或 者 用 户 控件 中 添加 对 jQuery 库 的 引用 。 

e 在 Web 站 点 的 母 版 页 中 添加 对 jQuery 库 的 引用 ， 这 样 所 有 的 页 面 都 可 以 使 用 该 

jQuery 库 。 

两 种 方法 各 有 优 缺 点 。 只 在 需要 jQuery 库 的 页 面 上 添加 对 它 的 引用 ， 可 以 减 小 页 面 大 
小 。 当 用 户 浏览 没有 使 用 jQuery 的 页 面 时 ， 就 不 需要 下 载 jQuery 库 文件 ， 节 省 了 一 些 带 
宽 。 而 当 他 们 访问 了 引用 库 文 件 的 页 面 以 后 ， 浏 览 器 就 会 缓存 库 文件 的 一 个 副本 ， 以 后 访 
问 页 面 时 ， 就 不 需要 再 次 下 载 这 些 文件 。 

在 Web 站 点 的 母 版 页 中 添加 对 jQuery 库 的 引用 十 分 方便 ， 因 为 所 有 基于 该 母 版 页 创 
建 的 页 面 都 会 自动 获得 对 jQuery 功能 的 访问 权 。 但 是 ， 这 会 对 Web 站 点 第 一 个 页 面 的 性 
能 造成 一 些 冲 击 ， 因 为 需要 从 服务 器 上 下 载 库 文件 。 

除了 添加 jQuery 文件 的 位 置 以 外 ， 还 有 一 些 关 于 如 何 包含 库 文件 的 选项 。 


11.1.3 包含 jQuery 库 的 方式 


因为 jQuery 库 由 一 个 使 用 JavaScript 代码 编写 的 文件 组 成 ， 所 以 可 以 使 用 标准 的 
<scripf> 语 法 在 页 面 、 用 户 控件 或 母 版 页 中 嵌入 对 jQuery 库 的 引用 。 




















<script src="FileName.ext" type="text/javascript"></script> 
必须 使 用 一 个 独立 的 结束 </scrip 忆 标记 ， 因 为 如 果 使 用 自 结束 标记 ， 一 些 浏览 器 无 法 
正常 运行 代码 。 
【NuGet 包 管理 器 】 默 认为 JavaScript 文件 (如 jQuery)， 使 用 在 Web 站 点 根 目录 下 创建 
Scripts 文件 夹 ， 所 以 对 jQuery 库 (jquery-2.1.3.min.jjs) 的 引用 如 下 。 


‘<script sre="/Scripts/jquery-2.1.3.min.js" type="text/javascript"></script> 


也 可 以 将 引用 嵌入 到 母 版 页 的 ScriptManager 控件 中 。ScriptManager 控件 有 一 个 
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<Scripts> 子 元 素 ， 可 以 用 来 注册 JavaScript 文件 ， 该 文件 将 添加 到 浏览 器 的 最 后 一 个 页 面 
上 。 在 ScriptManager 中 注册 的 JavaScript 文件 的 最 简 形 式 如 下 。 
<asp:ScriptManager ID="ScriptManagerl" runat—"server"> 
<Scripts> 
<asp:ScriptReference Path="~/Scripts/jquery-2.1.3.min.js" 这 
</Scripts> 
</asp:ScriptManager> 
另外 一 种 方法 是 使 用 Microsoft 的 内 容 传 送 网 络 (Content Delivery Network, 简称 CDN) 
或 Google Code 引用 jQuery 库 的 在 线 版 本 。 
使 用 外 部 库 的 在 线 版 本 的 优势 在 于 可 以 提升 服务 器 的 性 能 并 降低 带宽 。 因 为 站 点 的 访 
问 者 很 可 能 已 经 在 访问 另外 一 个 站 点 时 下 载 了 共享 脚本 ， 所 以 当 用 户 访问 站 点 时 ， 就 不 需 
要 再 次 下 载 这 些 文件 了 。 
在 下 面 的 【 例 11-2】 中 ， 将 向 站 点 的 母 版 页 添加 jQuery 库 。 在 设置 好 jQuery 库 后 ， 
本 章 其 他 部 分 将 会 讨论 jQuery 的 工作 原理 ， 以 及 如 何在 站 点 中 利用 jQuery。 
【 例 11-2 将 向 母 版 页 添加 jQuery 库 ， 从 而 使 站 点 内 的 所 有 页 面 都 可 以 访问 它 。 
(1) 新 建 MasterPages 文件 夹 ， 然 后 新 建 Frontend.master 文件 ， 添 加 ScriptManager 控 
件 ， 切 换 到 【 源 】 视 图 ， 添 加 jquery 引用 ， 代 码 如 下 。 
<asp:ScriptManager ID="ScriptManagerl" runat="server" EnablePageMethods="true"> 
<Scripts> 
<asp:ScriptReference Path="~/Scripts/jquery-2.1.3.min.js" /> 
</Scripts> 
</asp:ScriptManager> 
CO) 保存 并 关闭 母 版 页 。 
(3) 创建 需要 引用 jquery 的 Web 页 面 ， 将 该 页 面 命 名 为 jQuery.aspx， 并 将 它 的 Title 
设置 为 jQuery Demo。 
(4) 在 【 源 】 视 图 中 打开 页 面 ， 向 ContentPlaceHolderl 的 Content2 代码 块 中 添加 如 下 
代码 。 





<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderl" runat="server"> 
<input id="Buttonl" type="button" value="button" /> 
<script type="text/javascript"> 
S$(document) .ready(function | { 
$(# Content2'").css('background-color'. 'green') 
S$(#Button1").click(function | { 
$(# Content2").css('background-color', red) 
.animate({ width: '100px' height: '800px' }) 
D:; 
DD; 
</script> 
</asp:Content> 


和 其 他 许多 编程 语言 一 样 ，JavaScript( 以 及 jQuery) 是 区 分 大 小 写 的 ， 对 缺少 引号 、 大 
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括号 和 小 括号 十 分 敏感 ， 所 以 一 定 要 注意 。 

(5) 将 改动 保存 到 页 面 中 ， 然 后 按 下 CtrltF5 组 合 键 ， 在 浏览 器 中 打开 该 页 面 。 注 意 ， 
Content2 元 素 的 背景 色 变 成 了 绿色 。 单 击 按钮 ， 注 意 背景 色 变 成 了 红色 ， 而 Content2t 元 素 
的 大 小 也 发 生 了 改变 ， 最 终 变 成 了 100 像素 宽 ，800 像素 高 。 

















注意 : 
如 果 出 现 了 错误 ， 或 者 没有 看 到 动画 ， 那 么 一 定 要 确保 正确 地 在 页 面 中 添加 了 指向 
jQuery 的 链接 。 另 外 ， 检 查 代码 中 是 否 存 在 输入 错误 。 





本 例 中 ， 首 先 添加 了 对 jQuery 库 的 引用 。 


<asp:ScriptManager ID="ScriptManagerl1" runat="server" EnablePageMethods="true"> 
<Scripts> 
<asp:ScriptReference Path="~/Scripts/jquery-2.1.3.min.js" /> 
</Scripts> 
</asp:ScriptManager> 
这 段 代 码 告 诉 脚本 管理 器 包含 一 个 指向 jQuery 库 的 script 元 素 。 如 果 在 浏览 器 中 查看 
页 面 的 HIML 源 代码 ， 那 么 应 该 看 到 如 下 script 元 素 。 


<script sre="../Scripts/jquery-2.1.3.min.js" type="text/javascript"></script> 


这 行 代码 告诉 浏览 器 从 Scripts 文件 夹 中 下 载 jquery-2.1.3.minjs 文件 , 使 页 面 可 以 访问 
jQuery 库 提供 的 全 部 功能 。 
接 下 来 需要 查看 的 是 jQuery 演示 页 面 的 代码 。 首 先 ， 添 加 了 一 个 标准 的 <scripf> 块 ， 
其 中 可 以 包含 JavaScript。 在 这 个 块 中 , 添加 了 一 些 在 浏览 器 加 载 页 面 完成 后 触发 的 jQuery 
代码 。 页 面 就 绪 后 ， 会 执行 起 始 大 括号 (0 和 结束 大 括号 0) 之 问 的 代码 。 
<script type="text/javascript"> 
$(document) .ready(functionO) { 
/Remainder of the code skipped 
D; 
</script> 
因为 jQuery 代码 与 页 面 上 的 元 素 进行 交互 ， 所 以 经 常 需要 等 待 整个 页 面 加载 完 成 ， 然 
后 才能 通过 编程 操作 元 素 。 添加 这 样 的 jQuery 代码 是 将 代码 执行 延迟 到 页 面 就 绪 后 的 一 种 
标准 做 法 。 例 如 ， 本 章 后 面 访问 “文档 就 绪 函 数 ” 的 便捷 方式 $(document).ready。 
页 面 就 绪 后 执行 的 代码 包括 两 部 分 。 代 码 的 第 一 行将 Content2 <section> 的 背景 色 设置 


$(# Content2'").css('background-color', 'green') 


这 行 代码 获取 对 Content2 元 素 的 引用 ， 然 后 调用 css 方法 将 背景 色 修改 为 绿色 。 
document.getElementByld 方法 通过 id 获取 对 页 面 中 某 个 元 素 的 引用 。 在 本 例 中 ，S( 人 # 
Content2') 是 jQuery 中 与 之 等 效 的 方法 。 
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代码 的 第 二 部 分 为 添加 到 页 面 的 HTML 按钮 建立 一 个 单 击 处 理 程序 ， 类 似 于 onclick。 
在 该 单 击 处 理 程序 中 ， 可 以 看 到 一 些 代 码 将 Content2<section> 元 素 的 背景 色 修改 为 红色 ， 
还 有 一 些 代码 使 用 流体 动画 改变 其 宽 和 高 。 
S$(#Button1").click(function() { 
$(# Content2").css('background-color', red) 
-animate({ width: '100px' height: '800px' }) 
1 
在 浏览 器 中 单 击 按钮 时 ，Content2 的 背景 色 就 会 变 成 红色 ， 而 它 的 宽 和 高 将 会 分 别 变 
成 100 像素 和 800 像素 。 
































11.2 jQuery 语法 基础 


要 理解 和 使 用 jQuery， 需 要 掌握 一 些 基础 知识 。 首 先 ， 需 要 更 深入 地 理解 jQuery 的 核 
心 功能 ， 包 括 前 面 看 到 的 $ 函 数 及 其 ready 方法 。 通 过 使 用 ready 方法 ， 当 浏览 器 完成 页 面 
的 加 载 后 ， 可 以 执行 一 些 代 码 。 接 下 来 ， 需 要 学 习 jQuery 的 selector 和 filter 语法 ， 这 样 就 
可 以 通过 自己 指定 的 条 件 在 页 面 中 查找 元 素 。 当 获得 指向 页 面 中 一 个 或 多 个 元 素 的 引用 后 ， 
就 可 以 对 它们 应 用 多 种 方法 ， 如 前 面 提 到 的 css 方法 。 还 需要 知道 关于 jQuery 事件 的 一 些 
知识 ， 因 为 它们 允许 向 HTML 元 素 可 能 触发 的 事件 (例如 click、mouseover 等 ) 附 加 行为 。 
接 下 来 简单 介绍 jQuery 的 语法 。 


11.2.1 jQuery 核心 知识 


由 于 大 部 分 jQuery 代码 将 在 浏览 器 完成 页 面 加 载 后 执行 ， 因 此 ， 等 到 页 面 完 成 DOM 
加 载 后 再 执行 代码 十 分 重要 。DOM(Document Object Model， 即 : 文档 对 象 模型 ) 是 Web 页 
面 的 一 种 分 层 表 示 , 包含 所 有 HTML 元 素 、 脚 本 文件 .CSS、 图 像 等 的 一 个 树 形 结构 。DOM 
总 是 与 用 户 在 浏览 器 中 看 到 的 页 面 保持 一 致 ， 所 以 如 果 借 助 编程 修改 DOM( 如 使 用 jQuery 
代码 )， 那 么 这 种 修改 将 在 浏览 器 显示 的 页 面 上 反映 出 来 。 如 果 过 早 执行 jQuery 代码 (如 在 
页 面 的 最 顶端 )， 那 么 DOM 就 可 能 还 没有 加 载 脚本 中 引用 的 全 部 元 素 ， 这 会 产生 错误 。 因 
此 ， 使 用 jQuery 中 的 ready 函数 ， 将 代码 的 执行 推迟 到 DOM 就 绪 。 示 例 代 码 如 下 。 
S$(document).ready(function() { 
// Code added here is executed when the DOM is ready. 
D; 
这 样 ， 当 页 面 准备 就 绪 ， 可 以 执行 DOM 操作 时 ， 就 执行 添加 到 起 始 和 结束 大 括号 之 
间 的 全 部 代码 。jQuery 也 提供 了 ready 函数 的 一 个 快捷 方式 ， 便 于 编写 当 DOM 就 绪 后 触 
发 的 代码 。 示 例 代码 如 下 。 


$dunction0 { 
// Code added here is executed when the DOM is ready. 
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1 
因为 jQuery 代码 通常 针对 每 个 页 面 ， 所 以 应 该 只 在 需要 jQuery 代码 的 页 面 结尾 添加 
代码 。 为 了 简化 这 项 任务 ， 可 以 在 母 版 页 中 添加 一 个 ContentPlaceHolder， 使 用 这 个 母 版 页 
的 页 面 就 有 了 一 个 地 方 来 编写 jQuery 代码 。 例 如 ， 前 面 的 示例 在 页 面 中 使 用 Content 
2<section> 元 素 和 按钮 的 代码 。 


11.2.2 ”使 用 jQuery 进行 选择 


在 jQuery 中 ， 可 以 使 用 美元 符号 ($) 在 页 面 中 查找 元 素 。 找 到 并 返回 的 元 素 称 为 匹配 集 
(matched set)。9$ 方 法 的 基本 语法 如 下 。 


S$('Selector Here') 


在 引号 之 间 ， 输 入 一 个 或 多 个 选择 器 。$ 方 法 返回 0 个 或 多 个 元 素 ， 然 后 可 以 使 用 多 
种 jQuery 方法 操作 这 些 元 素 。 例 如 ， 要 向 所 有 h2 元 素 应 用 CSS， 可 以 使 用 CSS 方法 : 

$(‘h2").css(‘padding-bottom', "10px"); 

这 行 代码 使 页 面 中 的 所 有 二 级 标题 具有 10 像素 高 的 底 内 边 距 。 许 多 jQuery 方法 的 优 
点 在 于 ， 除 了 应 用 某 些 设 计 或 行为 ， 它 们 会 再 次 返回 匹配 集 ， 这 样 可 以 对 相同 的 匹配 集 调 
用 其 他 方法 。 这 个 概念 称 为 链接 或 fluent 编程 ， 即 使 用 一 个 方法 的 结果 作为 男 一 个 方法 的 
输入 ， 从 而 产生 一 个 效果 链 。 示 例 代码 如 下 。 

$(h2").css('font-size', '40px').fadeOut(5000): 


下 面 的 代码 首先 修改 了 页 面 中 全 部 二 级 标题 的 字体 , 然后 在 5s 内 让 它们 淡出 , 直至 不 
可 见 。 
1. 基本 选择 器 
jQuery 选择 器 能 够 在 页 面 的 文档 对 象 模型 中 找到 一 个 或 多 个 元 素 ， 以 便 向 它们 应 用 各 
种 类 型 的 jQuery 方法 。 前 面 章节 中 介绍 的 CSS 选择 器 ， 在 jQuery 中 完全 可 以 使 用 。 
(1) 通用 选择 器 
与 对 应 的 CSS 选择 器 一 样 ， 通用 选择 器 会 匹配 页 面 中 的 全 部 元 素 。 例如， 要 将 页 面 中 
每 个 元 素 的 style 的 font-family 属性 设置 为 Arial， 代 码 如 下 。 
$("*").css('font-family’, 'Arial): 
(2) 元 素 选择 器 
这 个 选择 器 获得 与 特定 的 标记 名 相 匹 配 的 0 个 或 多 个 元 素 的 引用 。 例 如 ， 下 面 的 代码 
将 所 有 二 级 标题 的 文本 颜色 设置 为 蓝 色 。 
$(h2").css('color', "blue): 
G3) ID 选择 器 
与 对 应 的 CSS 选择 器 一 样 , 这 个 选择 器 通过 id 查找 和 获取 元 素 。 例 如 , 要 为 名 为 Button1 
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的 按钮 设置 CSS 类 ， 代 码 如 下 。 
$(#Button1").addClass(NewClassName'): 


当 这 行 代码 使 用 addClass 方法 设置 CSS 类 时 ， 将 会 遵循 标准 的 CSS 规则 。 这 意味 着 
要 想 使 这 行 代码 生效 ， 并 修改 按钮 的 外 观 ， 需 要 通过 外 部 CSS 文件 或 者 嵌入 式样 式 表 将 
NewClassName 类 提供 给 页 面 。 
还 有 ， 把 不 存在 的 CSS 类 添加 到 CSS 文件 中 。 这 是 “标记 ”元 素 的 方便 方式 ， 以 便 
日 后 通过 类 选择 器 再 次 选择 它们 。 
(4) 类 选择 器 
类 选择 器 获得 与 特定 的 类 名 相 匹 配 的 0 个 或 多 个 元 素 的 引用 。 例如 ,下面 的 HTML 代 
码 段 。 
<hl class="Highlight">Heading 1</hl> 
<h2>Heading 2</h2> 
<p class="Highlight">First paragraph</p> 
<p>Second paragraph</p> 
注意 ，4 个 元 素 中 有 两 个 元 素 都 有 一 个 名 为 Highlight 的 CSS 类 。 下 面 的 jQuery 代码 
将 第 一 个 标题 和 第 一 个 段落 的 背景 色 修改 为 红色 ， 而 保持 其 他 元 素 不 变 。 
$(0.Highlight).css(background-color, red): 
(5) 分 组 和 合并 选择 器 
与 CSS 一 样 ， 可 以 分 组 和 合并 选择 器 。 下 面 的 分 组 选择 器 修改 页 面 中 全 部 hl 和 了 元 
素 的 文本 颜色 。 
$(hl, h2).css(color, ‘orange'); 


使 用 合并 选择 器 ， 可 以 找 出 其 他 一 些 元 素 包含 的 特定 元 素 。 例如， 下 面 的 jQuery 只 修 
改 Content2 元 素 中 包含 的 段落 ， 而 保持 其 他 所 有 段落 不 变 。 


$(#Content2 p).css(border, '1px solid red"); 


下 面 的 【 例 11-3】 演示 了 jQuery 选择 器 的 使 用 。 

【 例 11-3] 首先 向 主 母 版 页 添加 一 个 额外 的 ContentPlaceHolder 控件 ， 以 便于 向 页 面 添 
加 客户 端 jQuery 代码 ， 然 后 编写 一 些 jQuery 来 试验 各 种 选择 器 。 

(1) 打开 Frontend.master 文件 ， 切 换 到 【 源 】 视 图 中 。 

(2) 在 页 面 底 部 附近 , 结束 标记 </fomm> 之 前 , 从 工具 箱 中 拖 动 出 一 个 ContentPlaceHolder 
并 放 到 这 里 。 将 其 ID 设置 为 cpClientScript。 自 动 生成 的 代码 如 下 。 











<footer>Footer Goes Here</footer> 

</div> 

<asp:ContentPlaceHolder ID="cpClientScript" runat="server"> 
</asp:ContentPlaceHolder> 

</form> 
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(3) 保存 并 关闭 母 版 页 。 

(4) 在 Demos 文件 夹 中 创建 一 个 新 的 演示 页 面 ， 并 将 其 命名 为 BasicSelectors.aspx。 同 
样 ， 基 于 模板 创建 这 个 页 面 ， 并 给 它 添加 标题 。 将 页 面 切换 到 【设计 】 视 图 中 ， 在 底部 找 
到 cpClientScript 占 位 符 ， 打 开 它 的 任务 面板 ， 然 后 选择 【新 建 自 定义 内 容 】 命 令 。 

(5) 切换 到 【 源 】 视 图 ， 将 下 面 的 HTML 代码 添加 到 cpMainContent 占 位 符 中 。 


<h1l>Basic Selectors</h1l> 
<div class="SampleClass">Iam a div.</div> 


(6) 在 第 (4) 步 创建 的 cpClientScript 占 位 符 中 添加 如 下 jQuery 代码 。 


<asp:Content ID="Content3" runat="server" ContentPlaceHolderID="cpClientScript"> 
<script type="text/javascript"> 
$dfunction0 


{ 
$(*").css('color’, 'Green'); 
$(#Sidebar'").css('border-bottom', '2px solid red):; 


$(h1").bind('click’, function O { alert('Hello World) }); 

$('.SampleClass').addClass('Please Wait').hide(5000); 
// Class 

$('footer, header'").slideUp('slow').slideDown('slow’); 

$(#Sidebar img'").fadeTo(5000, 0.1); 


DD); 
</script> 
</asp:Content> 

这 些 代码 演示 了 6 个 基本 选择 器 的 使 用 。 

(7) 保存 并 在 浏览 器 中 浏览 页 面 ,所 有 的 文本 都 是 绿色 的 ， 边 栏 有 一 个 额外 的 底 边 框 ， 
还 可 以 看 到 Please Wait 动画 的 图 标 和 文本 显示 然后 消失 , 页 眉 和 页 脚 缓慢 消失 然后 重新 显 
示 ， 以 及 在 5 秒 钟 的 时 间 段 内 ， 边 栏 的 横幅 变 为 几乎 透明 。 如 果 单 击 基本 选择 器 标题 ， 将 
会 弹出 一 个 小 窗口 显示 Hello World。 

2. 基本 筛选 器 


在 jQuery 中 ， 可 以 使 用 筛选 器 找到 特定 的 元 素 ， 如 第 一 个 元 素 、 最 后 一 个 元 素 、 所 有 
奇数 行 元 素 、 所 有 偶数 行 元 素 、 所 有 的 标题 或 者 特定 位 置 的 项 。 下 面 的 【 例 11-4】 演 示 了 
最 常用 的 基本 筛选 器 ， 并 给 出 了 一 个 查找 特定 元 素 的 示例 。 

【 例 11-4】 创 建 一 个 页 面 ， 演 示 查 找 特定 元 素 。 

(1) 基于 定制 模板 创建 一 个 新 页 面 ， 命 名 为 jQueryDemos.aspx。 给 页 面 指定 标题 ， 然 
后 ， 在 cpMainContent 占 位 符 中 添加 下 面 的 HTML 代码 段 。 




















<asp:Content ID="Content1" ContentPlaceHolderID="head" runat—"server"> 
</asp:Content> 
<asp:Content ID="cpMainContent" ContentPlaceHolderID="ContentPlaceHolderl" runat="server"> 


。296 。 ASPNET 4.5 网 站 开发 实例 教程 


(3) 在 /Examples go here 处 添加 以 下 代码 。 


(4) 保存 修改 , 按 下 F5 键 , 在 浏览 器 中 打开 该 
页 面 ， 表 中 单元 格 的 背景 色 将 变 为 绿色 ， 如 图 11-3 
所 示 。 

如 表 11-1 所 示 中 ， 列 出 了 jQuery 的 基本 筛选 
器 。 记 住 ， 要 试验 每 个 示例 ， 可 以 使 用 表 中 给 出 的 
代码 示例 替换 /Examples go here 一 行 ， 然 后 保存 页 


<hl title="First Header">First Header</h1> 

<table 1d="DemoTable"> 

<tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> 
<tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr> 
<tr><td>Row 3 Cell 1</td><td>Row 3 Cell 2</td></tr> 
<tr><td>Row 4 Cell 1</td><td>Row 4 Cell 2</td></tr> 
<tr><td>Row 5 Cell 1</td><td>Row 5 Cell 2</td></tr> 
</table> 


<h2>Second <span style="font-style: italic; font-weight: bold:"> 


Header</span></h2> 

<input id="Button1" type="button" value="button" /> 
<input id="Textl" type="text" /> 

<input id="Checkbox1" type="checkbox" /> 

<input id="Checkbox2" type="checkbox" /> 
</asp:Content> 


(2) 在 母 版 文件 中 添加 一 个 人 D 为 cpClientScript 的 Content 块 。 返 回 内 容 页 ， 输 入 下 
面 的 代码 ， 在 cpClientScript 的 Content 块 中 添加 如 下 代码 。 


<asp:Content ID="Content2" runat="server" contentplaceholderid="cpClientScript"> 


<script type="text/javascript"> 
S$(function | { 
//Examples go here 
DD); 
</script> 
</asp:Content> 


S$(#DemoTable').css('background-color', 'green'"): 


面 ， 并 在 浏览 器 中 加 载 页 面 ， 查 看 代码 的 效果 。 


筛选 器 


:first 
:last 


表 11-1 jQuery 的 基本 筛选 器 
用 途 


色 设置 为 红色 。 
$(#DemoTable tr:first).css(background-color, red); 
S$C#DemoTable tr:last").css('‘background-color', red); 





筛选 器 找到 第 一 行 和 最 后 一 行 


Ca Ep /ocathost 51s, 


ocahost 


Pr" EO 


各 友 总 


[TDTETTRTTT 


First Header 


Second Header 
人 


图 11-3 


首先 ， 使 用 #DemoTable 找到 表 。 然 后 使 用 tr 找到 表 的 全 部 行 。 最 后 ， 使 





运行 效果 

















用 于 选择 匹配 集中 的 第 一 个 和 最 后 一 个 项 。 下 面 的 示例 将 表 的 第 一 行 和 最 后 一 行 的 背景 


:first 和 :last 
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( 续 表 ) 

得 选 器 用 途 
:odd 用 于 选择 匹配 集中 的 奇数 行 或 者 偶数 行 。 下 面 的 示例 将 表 的 奇数 行 的 背景 色 修改 为 红色 。 
:even 因为 计数 是 从 零 开始 的 , 所 以 实际 上 第 2 行 和 第 4 行 的 背景 色 发 生 了 改变 (因为 它们 的 索 

引 分 别 为 1 和 3)。 

S$(#DemoTable tr:odd').css(‘background-color'. red): 
:eq(index) 按照 索引 匹配 元 素 。:eq(equals) 根 据 索引 返回 一 个 元 素 ， 而 :lttless than) 和 :gt(greater than) 
:lt(index) 则 分 别 返 回 小 于 或 者 大 于 给 定 索引 的 项 。 示 例如 下 所 示 。 
:gt(index) //! Changes the color in the first row (with an index of 0) 


S$(#DemoTable tr:eq(0)').css('color', 'green"): 


// Changes the last two rows (rows 1, 2 and 3, 
// with an index of 0, 1 and 2 respectively, are skipped.) 
S$(#DemoTable tr:gt(2)").css('color', 'green'"); 


//! Changes the text color of the first two rows to green. 


S$(#DemoTable tr:lt(2)").css('color’, 'green’): 
:header 找到 页 面 中 的 全 部 标题 (从 hl 到 h6)。 示 例如 下 所 示 。 


3$Cheader).cssCcolor，green ); 





要 查看 所 有 基本 筛选 器 的 完整 列表 , 可 以 阅读 jQuery 文档 ,网 址 为 http://apijquery.com/ 
category/ selectors/。 

3. 高 级 筛选 器 

除了 刚才 看 到 的 基本 筛选 器 以 外 ，jQuery 还 支持 其 他 很 多 筛选 器 ， 用 来 根据 项 包含 的 
文本 、 是 否 可 见 以 及 它们 包含 的 任意 属性 获取 项 。 另 外 ， 还 有 一 些 筛选 器 可 以 获得 窗 体 元 
素 (例如 按钮 、 复 选 框 、 单 选 按钮 等 )， 以 及 大 量 可 以 选择 子 元 素 、 父 元 素 、 兄 弟 元 素 和 后 
代 元 素 的 选择 器 。 如 表 11-2 所 示 列 出 了 最 常用 的 筛选 器 。 








表 11-2 
筛 选 器 用 途 
:contains(text) 通过 包含 的 文本 匹配 元 素 。 示 例如 下 。 
$('td:contains("Row 3")).css(color，green ); 
如 果 省 略 ta， 那么 整个 表 都 会 变 成 绿色 。 这 是 因为 表 本 身 也 会 匹配 ( 它 的 一 个 
子 表 包 含 文本 Row 3), 所 以 颜色 将 应 用 到 整个 表 上 , 使 每 个 单元 格 的 文本 变 为 
绿色 。 注 意 文本 字符 串 使 用 了 双 引 号 ， 以 避免 过 早 关闭 选择 器 中 的 单 引号 
:has(element) 匹配 至 少 包 含 一 个 给 出 元 素 的 元 素 。 示 例如 下 。 


$(":header:has("span")").css('color', 'green'"); 
这 只 匹配 2， 因 为 它 是 标题 (:header)， 并 包含 <span> 元 素 (has("span")) 
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( 续 表 ) 
得 选 器 用 途 
[attribute] 基于 给 定 属性 匹配 元 素 。 示 例如 下 。 
/Matches the button and the text box as both 
// have a type attribute 
// match other elements with a type attribute 
SC[type]).css(color，green ); 


为 了 只 选择 带 type 特性 的 输入 控件 ， 可 以 使 用 如 下 代码 。 
S$('input[type]").css('color', 'green’"); 
需要 在 文本 框 中 输入 一 些 文本 来 查看 绿色 的 字体 








[attribute=value] 基于 一 个 属性 和 该 属性 的 值 匹配 元 素 。 示 例如 下 。 
儿 Matches just the text box 
SC[type=textj).cssCcolor，'green); 
:input 这 些 选 择 器 可 以 匹配 特定 的 客户 端 HIML 表单 元 素 。 例 如 ， 可 以 使 用 分 组 选 
:text 择 器 把 查找 按钮 和 文本 框 的 代码 段 重 写 如 下 。 
:password S$(':button, :text'").css('color', 'green'); 
:Tadio 可 以 使 用 这 些 筛选 器 来 实现 一 些 奇妙 的 效果 。 例如， 要 编写 一 些 功能 来 选中 表 
:checkbox 单 中 的 全 部 复 选 框 ， 可 以 使 用 下 面 的 代码 : 
:Submit S$(':checkbox').attr(‘checked', true); 
:image 要 想 取消 选择 全 部 复 选 框 ， 可 以 传递 false 作为 attr 方法 的 第 二 个 参数 
:Teset 
:button 
:hidden 
:file 





11.3 通过 jQuery 修改 DOM 


有 了 匹配 集 之 后 ， 就 需要 对 它 执 行 一 些 操作 。 例 如 ， 可 能 对 匹配 集中 的 项 应 用 CSS 类 
或 者 样式 。 或 者 ， 可 能 向 它们 附加 一 些 行为 ， 如 添加 一 个 click 处 理 程序 ， 项 被 单 击 时 就 可 
以 触发 一 些 代码 。 接 下 来 将 介绍 如 何 操作 各 种 CSS 方法 ， 学 习 如 何 建立 事件 处 理 程序 。 


11.3.1 css 方法 的 使 用 


jQuery 以 几 种 不 同 的 方式 支持 CSS。 首 先 ， 可 以 使 用 css 方法 来 检索 特定 的 CSS 值 ， 
如 某 个 项 的 颜色 , 以 及 设置 一 组 元 素 的 一 个 或 多 个 CSS 属性 。 其 次, addClass、 removeClass、 
toggleClass 和 hasClass 等 方法 可 以 修改 或 检查 对 元 素 应 用 的 CSS 类 。 再 次 ， 有 几 种 方法 可 
以 修改 元 素 的 尺寸 和 位 置 ， 这 里 只 讨论 最 常用 的 方法 。 这 里 的 讲解 使 用 了 与 前 面相 同 的 
HTML 代码 段 ， 所 以 很 容易 在 浏览 器 中 测试 这 些 代 码 。 
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1. css(name,value) 


这 个 方法 可 以 设置 某 个 匹配 元 素 上 的 特定 CSS 属性 。 其 中 ，name 参数 引用 了 一 个 CSS 
属性 ， 如 border、color 等 ，value 定义 了 要 应 用 的 样式 。 例 如 ， 下 面 的 代码 修改 了 h3 元 素 
的 背景 色 。 


$(‘h3").css(‘background-color', 'green'); 





2.css(name) 


这 个 方法 基于 传递 给 它 的 属性 检索 特定 的 CSS 值 。 例 如 ， 以 下 代码 将 提示 'italic， 因 
为 这 是 一 级 标题 中 <span> 元 素 的 font-style。 





alert($('hl span).css(font-style)) 

可 以 在 jQuery 脚本 中 使 用 这 个 值 。 例 如 ， 可 以 用 来 在 斜体 和 普通 字体 之 间 切 换 
font-style， 或 者 将 多 个 元 素 设置 为 相同 的 类 型 。 

3. css(properties) 

这 个 方法 可 以 同时 设置 匹配 元 素 的 多 个 属性 。 下 面 的 代码 将 表 中 所 有 单元 格 的 颜色 修 
改 为 蓝 色 , 将 字体 修改 为 Verdana, 并 将 内 边 距 设置 为 Spx。 数据 用 所 谓 的 匿名 对 象 来 传递 ， 
其 中 完整 的 属性 集 包含 在 一 对 花 括 号 (f}) 之 间 ， 每 个 属性 和 属性 值 由 冒号 (:) 分 隔 ， 而 每 对 
属性 和 属性 值 之 间 由 逗号 分 隔 。 


S$(#DemoTable td'").css({'color’ : 'blue', font-family' : "Verdana'， 
padding : '5px'}); 


4.addClass、removeClass 和 toggleClass 
addClass 和 removeClass 方法 分 别 在 元 素 中 添加 和 删除 类 。 和 普通 的 CSS 一 样 ， 使 用 
这 些 方法 ， 比 使 用 css(properties) 方 法 进行 内 联 CSS 赋值 更 好 ,这 样 就 更 容易 在 一 个 集中 的 
位 置 定义 CSS 类 ， 易 于 维护 和 重用 。 例 如 ， 以 下 代码 将 一 个 类 赋 给 hl 元 素 。 
$Chl).addClass(PleaseWait): 
如 果 希 望 再 次 删除 类 ， 则 可 以 调用 removeClass 方法 ， 代 码 如 下 。 
$(h1").removeClass('Please Wait'); 
如 果 类 还 不 存在 ， 则 toggleClass 方法 将 分 配 一 个 类 ; 否则 ， 它 将 删除 类 。 
所 有 这 3 个 方法 都 允许 传递 多 个 类 ， 各 个 类 之 间 使 用 空格 分 隔 。 
5. attr(attributeName) 
attr 方法 可 以 读 取 和 设置 HTML 元 素 上 的 特性 值 。Attr 方法 的 第 一 个 版 本 ， 接 收 一 个 
参数 ， 对 于 attributeName， 应 把 特性 名 传递 为 字符 串 。 下 面 的 代码 会 显示 Second Header， 
即 h2 标题 的 title 特性 。 
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alert(SCh2)-attrCtitle)); 
6. attr(attributeName.value) 
Attr 方法 的 第 二 个 版 本 ， 接 收 两 个 参数 ， 用 于 修改 特性 的 值 ， 另 外 还 需要 给 特性 传送 
新 值 。 例 如 ， 下 面 的 代码 选中 页 面 中 的 所 有 复 选 框 。 


$(':checkbox').attr('checked', true); 
结合 使 用 这 些 CSS 方法 , 能 够 在 修改 页 面 元 素 的 外 观 上 拥有 极 大 的 控制 权 。 可 以 在 此 
基础 上 ， 使 用 jQuery 的 丰富 事件 系统 ， 通 过 代码 向 元 素 分 配 和 删除 各 种 处 理 程序 。 
11.3.2 ”事件 及 事件 处 理 程序 


前 面 章节 中 已 经 介绍 了 .NET 事件 的 应 用 ， 它 们 用 于 处 理 Button 控件 的 Click 事件 或 
Page 的 Load 事件 。 在 这 一 点 上 ，JavaScript 和 DOM 也 不 例外 。 例 如 , 许多 HTML 元 素 ( 比 
如 使 用 input type="button" 定 义 的 按钮 ) 都 有 一 个 click 事件 ， 在 单 击 时 触发 。 同 样 ， 它 们 还 
有 mouseover 和 mouseout 事件 ， 当 鼠标 经 过 它们 或 者 离开 它们 时 触发 。 通常 ， 在 标记 中 直 
接 定义 事件 的 形式 如 下 。 

<input type="button" onclick="alert(' 你 好 ");" value=" 确 定 " /> 


不 要 编写 内 联 触 发 的 代码 (在 本 例 中 为 alert 函数 )， 最 好 将 要 执行 的 代码 编写 成 
JavaScript 函数 。 下 面 的 代码 调用 了 一 个 虚构 的 writeName 函数 。 








<input type="button" onclick="writeName 0:" value=" 人 确定 " /> 
jQuery 则 更 进一步 ， 不 仅 允 许 将 事件 挂钩 到 单个 元 素 上 ， 还 允许 将 事件 挂钩 到 整个 无 
配 集 上 。 这 种 功能 极为 强大 ,因为 只 用 几 行 代码 , 就 可 以 将 处 理 程序 绑 定 到 大 量 的 元 素 上 。 
例如 ， 考 虑 具有 许多 行 的 一 个 表 。 为 了 使 表格 的 外 观 美 观 一 些 ， 可 以 应 用 一 种 叫做 “活动 
项 跟踪 ”的 技术 ， 当 鼠标 移动 到 某 个 项 上 时 ， 该 项 就 改变 颜色 。 如 果 不 使 用 jQuery， 就 需 
要 对 表 的 每 一 行 编写 onmouseover 和 onmouseout 事件 处 理 程序 。 这 显然 会 显著 增加 页 面 最 
终 的 HIML 代码 量 。 而 使 用 jQuery 实现 ， 代 码 如 下 。 


$(function() 


a 
.bind(mouseover, function() { $(this).css('‘background-color', 'yellow") }); 
DD; 

这 些 代码 找 出 #DemoTable 元 素 中 的 全 部 表 行 ， 然 后 动态 分 配 一 个 函数 ， 当 鼠标 基 停 
在 每 一 行 上 时 ， 将 会 调用 该 函数 。 如 果 将 鼠标 悬 停 在 行 上 ， 那 么 背景 将 会 改变 颜色 。 但 是 
如 果 移 走 鼠 标 ， 那 么 新 颜色 将 会 保留 下 来 。 为 了 解决 这 个 问题 ， 可 以 使 用 jQuery 的 链接 概 
念 ， 即 jQuery 方法 的 结果 会 返回 一 个 匹配 集 ， 所 以 可 以 对 该 结果 应 用 其 他 函数 。 要 将 
mouseout 绑 定 到 一 个 新 函数 ， 只 需要 对 bind 的 第 一 次 调用 返回 的 值 再 次 调用 bind， 代 码 
如 下 。 
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S$(#DemoTable tr) 
-bind(mouseover, function() { $(this).css(‘background-color', 'yellow’) }) 
-bind(mouseout, function( { $(this).css(background-color', ") }); 
注意 ,在 前 一 个 示例 中 结束 行 的 分 号 移动 到 了 最 后 一 行 ， 这 样 ， 第 二 个 bind 就 绑 定 到 
了 前 一 次 对 bind 的 调用 上 。 因 为 在 这 里 代码 放 到 了 多 行 中 ， 这 些 代码 实际 上 等 同 于 如 下 
代码 。 
S$(#DemoTable tr).bind(mouseover, ...). bind(‘mouseout’, ...): 


这 些 代码 完成 三 项 工作 : 首先 ， 使 用 $(#DemoTable to) 找 出 表 中 的 全 部 行 。 它 在 返回 
的 匹配 集中 调用 bind， 以 便 动态 挂 钧 一 些 行为 ， 当 鼠标 移动 到 某 一 行 上 时 ， 就 会 触发 这 些 
行为 。 然后， 对 第 一 次 调用 bind 返回 的 匹配 集 再 次 调用 bind， ee ew 
设置 背景 色 。 注 意 ， 代 码 中 将 颜色 设置 为 一 个 空 字符 串 ( )， 以 便 删 除 CSS 背景 属性 ， 
样 就 可 以 再 次 看 到 原来 的 背景 。 

以 下 代码 设置 背景 色 。 

S$(this).css('‘background-color’, 'yellow) 


其 中 , this 关键 字 指 的 是 应 用 该 项 的 元 素 : 在 本 例 中 就 是 表 行 。 使 用 $(this) 将 得 到 jQuery 
匹配 集 (包含 单个 元 素 ), 可 以 对 其 应 用 常规 的 jQuery 方法 , 如 css 方法 。 如 果 不 使 用 jQuery， 
也 可 以 对 this 元 素 执行 标准 的 JavaScript 方法 ， 代 码 如 下 。 














this.style.backgroundColor = yellow' 
表 行 有 一 个 style 属性 ， 可 以 用 来 通过 编程 方式 修改 CSS 样式 。 
11.3.3 jQuery 的 其 他 功能 


1. each 方法 

each 方法 用 于 遍历 一 个 集合 。 当 需要 对 匹配 集中 的 项 应 用 某 种 行为 ， 但 是 无 法 使 用 一 
个 jQuery 函数 完成 设置 时 ， 可 以 使 用 each 方法 。 在 使 用 时 ， 需 要 把 希望 对 每 一 项 执行 的 
函数 作为 参数 传递 给 each。 下 面 的 each 示例 通过 遍历 匹配 集中 的 每 一 项 ， 然 后 调用 alert， 
将 每 个 表单 元 格 的 内 容 显示 了 出 来 。 


S$(#DemoTable td).each(function0 
{ 


alert(this.innerHTML): 
D); 
2. parent 方法 和 prev 方 法 
parent 方法 和 prev 方法 用 在 DOM 遍历 中 ， 人 允许 在 文档 树 中 上 下 移动 ， 找 出 低 于 、 高 
于 某 一 项 或 者 与 该 项 位 于 同一 层次 的 元 素 。 
prev 方法 选择 匹配 元 素 的 直系 兄弟 。 其 工作 原理 如 下 代码 所 示 。 
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alert($('#DemoTable td:contains("Row 1 Cell 2") ").prevO[O].innerHTML): 


这 个 警报 的 结果 就 是 Row 1 Cell 1。$ 选 择 器 首先 根据 其 包含 的 文本 选择 了 第 一 行 第 二 
列 的 表单 元 格 。 之 后 prev 方法 返回 它 的 第 一 个 兄弟 : 其 左 侧 的 单元 格 。 因 为 匹配 集 是 一 个 
集合 ， 即 使 它 只 包含 一 项 也 是 如 此 ， 所 以 仍然 需要 使 用 索引 器 (使 用 [0]) 来 引用 第 一 项 。 然 
后 表单 元 格 将 显示 一 个 .innerHTML 属性 ， 它 将 返回 该 单元 格 的 内 容 。 
最 后 ，parent 的 代码 如 下 ， 请 参考 。 
alert($(#DemoTable td:contains("Row 1 Cell 2") ").parentO[0].innerHTML): 


运行 代码 ， 结 果 如 图 11-4 所 示 。 
如 果 没 有 看 到 完全 相同 的 HTML， 那 么 要 确保 以 SRow 1 Cal 1 he> 
alert 开头 的 一 行 是 文档 就 绪 函 数 中 唯一 的 一 行 ， 因 为 其 
他 示例 可 能 影响 到 表 的 HTML。parent 函数 指向 围绕 匹 
配 的 表单 元 格 的 <tr>。 显 示 innerHTML 将 返回 该 行 包含 
的 两 个 单元 格 的 HTML。 图 11-4 运行 结果 


11.3.4 使 用 jQuery 时 的 常见 错误 


使 用 jQuery 时 ， 必 须 正 确 地 书写 大 写字 母 、 小 括号 、 中 括号 、 逗 号 等 。 当 发 现 jQuery 
代码 无 法 运行 或 者 表现 出 异常 行为 时 ， 检 查 代码 是 否 存在 下 面 列 出 的 问题 。 

1.1D 选择 器 无 效 

当 发 生 症 选择 器 无 效 时 ， 很 可 能 是 忘记 了 在 它 的 前 面包 含 一 个 # 符 号 。 例 如 ， 
$(DemoTable)， 程 序 运 行 过 过 程 中 ， 并 不 会 选择 id 为 DemoTable 的 表 ， 而 $(#DemoTable) 
才 会 选择 该 表 。 

ID 选择 器 无 效 的 另外 一 种 情况 是 大 小 写 有 误 。ID 选择 器 是 区 分 大 小 写 的 ， 所 以 ， 
S$C#DemoTable) 与 $(#demotable) 是 不 同 的 。 

2. 即使 使 用 # 符 号 ，ID 选择 器 依然 无 效 

出 现 这 种 情况 时 ， 很 可 能 是 客户 端 元 素 没有 要 查找 的 ia。 是 不 是 ASPNET 运行 库 修 
改 了 客户 端 id， 使 用 其 父 元 素 的 id 给 它 添加 了 前 级 ? 如 果 是 这 样 ， 尝 试 将 相关 控件 的 
ClientIDMode 设置 为 Static， 这 样 id 的 可 预测 性 更 好 。 另 外 ， 确 保 代 码 在 文档 准备 函数 中 
执行 ， 因 为 很 可 能 要 查找 的 元 素 还 不 可 用 。 

3. 没有 代码 可 运行 

检查 小 括号 、 大 括号 和 引号 。 每 种 符号 的 开始 符号 和 结束 符号 的 数量 必须 相等 。 

前 面 的 代码 大 都 用 于 查找 页 面 中 的 元 素 ， 通 过 CSS 或 执行 JavaScript 来 改变 其 外 观 。 
但 jQuery 带 有 许多 功能 ， 还 可 以 使 页 面 中 的 元 素 具备 动画 效果 。 下 一 节 将 介绍 这 些 效果 ， 
然后 用 一 个 示例 说 明 其 工作 原理 。 

















OK 
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11.4 使 用 jQuery 的 效果 


前 面 介绍 了 如 何 使 用 slideUp 和 slideDown 实现 元 素 淡 入 淡出 效果 ， 这 是 jQuery 提供 
的 诸多 效果 和 动画 方法 中 的 两 个 。 如 表 11-3 所 示 的 是 最 常用 的 一 些 jQuery 方法 。 同 样 ， 
可 以 使 用 jQueryDemos.aspx 页 面 来 试验 这 些 效果 。 

















表 11-3 常用 的 jQuery 效果 方法 





方 法 名 用 途 
show0 通过 递减 height、width 和 opacity( 使 它们 变 为 透明 ) 隐 藏 或 者 显示 匹配 元 素 。 两 种 
hide() 方法 都 允许 定义 一 个 固定 的 速度 ( 慢 、 中 、 快 ) 或 者 一 个 定义 动画 持续 时 间 ( 单 位 为 毫 


秒 ) 的 数字 。 示 例如 下 。 
$(h1").hide(1000); 


S$(h1").show(1000):; 


toggle() 


toggle 方法 在 内 部 使 用 show 和 hide 来 改变 匹配 元 素 的 显示 方式 ， 即 可 见 元 素 将 被 
隐藏 ， 不 可 见 元 素 将 会 显示 。 示 例如 下 。 


S$S(h1").toggle(2000); 


slideDown(O 
slideUp(O 
slideToggle() 


类 似 于 hide 和 show， 这 些 方法 隐藏 或 显示 匹配 元 素 。 但 是 ， 这 是 通过 将 元 素 的 
height 从 当前 尺寸 调整 为 0， 或 者 从 0 调整 为 初始 尺寸 来 实现 的 ， 所 以 元 素 会 展开 
或 卷 起 slideToggle 方法 会 展开 隐藏 的 元 素 ， 卷 起 可 见 的 元 素 ， 从 而 可 以 使 用 一 个 
动作 重复 地 显示 和 隐藏 元 素 。 示 例如 下 。 

SChl) .slideUp(1000): 

SChl) slideDown(1000): 


$Chl).slideToggle(1000):; 


fadeInO 
fadeOut() 
fadeTo0 


这 些 方 法 通过 修改 匹配 元 素 的 不 透明 度 来 显示 或 隐藏 它们 。fadeOnut 将 不 透明 度 设 
置 为 0， 使 元 素 完全 透明 ， 然 后 将 CSS display 属性 设置 为 none， 从 而 完全 隐藏 元 
素 。fadeTo 允许 指定 一 个 不 透明 度 (0 到 1 之 间 的 一 个 数字 )， 以 使 决定 元 素 的 透明 
程度 。fadelIn 使 元 素 再 次 可 见 ， 把 不 透明 度 设 置 为 1。 全 部 3 个 方法 都 允许 定义 一 
个 固定 速度 ( 慢 、 中 、 快 )， 或 者 一 个 定义 了 动画 持续 时 间 ( 单 位 为 毫秒 ) 的 数字 。 示 
例如 下 。 

SChl) fadeOut(1000): 

SChl) fadeIn(1000): 

$(h1") fadeTo(1000. 0.5): 











animate() 








在 内 部 , animate 用 于 许多 动画 方法 , 如 show 和 hide。 但 是 , 也 可 以 在 外 部 使 用 它 ， 
以 便 更 灵活 地 以 动画 方式 显示 匹配 元 素 。 使 用 animate 方法 ， 可 以 指定 许多 动画 显 
示 的 属性 。 考 虑 下 面 这 个 示例 。 
$(h1").animate({ 

‘opacity: 0.4, 

marginLeft: 'S0px'， 

fontSize: 'S0px'" 


}. 1500); 
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( 续 表 ) 
方 法 名 用 途 





这 段 代码 接受 一 个 hl 元 素 ， 将 其 字体 大 小 设置 为 50 像素 ， 将 其 不 透明 度 设 置 为 
0.4 以 使 元 素 半 透明 ， 并 将 其 左 页 边 距 设置 为 50 像素 ， 从 而 在 1.5 秒 钟 的 时 间 内 平 
滑 地 进行 动画 显示 。animate 方法 的 第 一 个 参数 是 一 个 对 象 ， 它 保存 一 个 或 者 多 个 想 
要 动画 显示 的 属性 , 属性 之 间 以 逗号 分 隔 。 注意 , 需要 使 用 JavaScript 的 marginLeft 
和 fontSize， 而 不 是 CSS margin-left 和 font-size 属性 。 只 能 动画 显示 接受 数值 的 属 
性 。 也 就 是 说 ， 可 以 使 用 margin、fontSize、opacity 等 属性 ， 但 是 不 能 使 用 color 
或 fontFamily 这 样 的 属性 





下 面 安 的 示例 将 应 用 两 个 主要 的 动画 : 一 个 动画 在 用 户 提交 联系 表单 时 触发 ， 它 会 逐 


渐 地 卷 动 表单 直至 其 隐藏 起 来 。 另 一 个 动画 用 来 显示 和 隐藏 Message Sent 标记 ， 从 而 吸引 


更 多 注意 ， 直 至 动画 完全 消失 。 [ne | es 
【 例 11-5】 使 用 jQuery 方法 实现 表格 变色 显示 名 性 人 地 i 
效果 。 人 地 四 女 “浙江 杭州 
GD 在 Websitell 网 站 中 ， 新 建 一 个 网 页 文件 CR 





ain 男 浙江 杭州 





examplel1-5.aspx， 然 后 添加 一 个 7 行 4 列 的 表格 ， c iioa 风 女 。 浙江 杭州 U 
效果 如 图 11-5 所 示 。 [em 
生成 的 代码 如 下 。 图 11-5 添加 表格 

<table> 
<thead> 
<tr><th> </th><th> 姓 名 </th><th> 性 别 </th><th> 暂 住地 </th></tr> 
</thead> 
<tbody> 


<tr><td><input type="radio" name="choice" value=""/></td> 
<td> 张 山 </td><td> 男 </td><td> 浙 江宁 波 </td></tr> 

<tr><td><input type="radio" name="choice" value="" /></td> 
<td> 李 四 </td><td> 女 </td><td> 浙 江 杭州 </td></tr> 

<tr><td><input type="radio" name="choice" value="" checked='checked' /></td> 
<td> 王 五 </td><td> 男 </td><td> 湖 南 长 沙 </td></tr> 

<tr><td><input type="radio" name="choice" value="" /></td> 
<td> 赵 六 </td><td> 男 </td><td> 浙 江 温州 </td></tr> 

<tr><td><input type="radio" name="choice" value="" /></td> 
<td>Rain</td><td> 男 </td><td> 浙 江 杭州 </td></tr> 

<tr><td><input type="radio" name="choice" value="" /></td> 
<td>MAXMAN</td><td> 女 </td><td> 浙 江 杭州 </td></tr> 

</tbody> 
</table> 


(2) 新 建 一 个 css 文件 夹 ， 然 后 新 建 一 个 样式 文件 ， 命 名 为 style.css， 添 加 如 下 代码 。 


table { border:0:border-collapse:collapse:} 

td { font:normal 12px/17px Arial:padding:2px:width:100px:} 

也 { font:bold 12px/17px Arial:text-align:left:padding:4px:border-bottom: 1px solid #333;} 
.even {backsground: 考 FF38F:} ”/* 偶数 行 样式 */ 
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.odd {background:#FFFFEE:} /* 奇数 行 样式 */ 
.selected {background:#FF6500;color-#ffE:} 

此 代码 段 主要 用 于 设置 表格 的 显示 样式 。 

(3) 打开 页 面 文件 ， 添 加 CSS 文件 和 jQuery 文件 的 引用 ， 代 码 如 下 。 
<!-- “引入 CSS 样式 和 jQuery -> 


<link href="css/style.css" rel="stylesheet" type="text/css" /> 
‘<script src="../scripts/jquery-2.1.3.js" type="text/javascript"></script> 


(4) 在 引用 之 后 ， 添 加 一 个 script 代码 段 ， 用 于 实现 表格 的 变色 效果 ， 代 码 如 下 。 








<script type= "text/javascript"> 
S$(function|O{ 

$("tbody>tr:odd").addClass("odd"): / 先 排除 第 一 行 ,然后 给 奇数 行 添加 样式 

S$("tbody>tr:even").addClass("even"); / 先 排除 第 一 行 ,然后 给 偶数 行 添加 样式 

S$0tbody>tr).click(fonction0 { 

S(this) 

.addClass('selected') 
.siblings().removeClass('selected') 


.end0) 
‘find(':radio').attr('checked',true): 
)); 
// 如 果 单 选 框 默 认 情况 下 是 选择 的 ， 则 高 色 . 
// $('table :radio:checked').parent().parent(O.addClass('selected'); 
/简化 : 
S$('table :radio:checked).parents("tr").addClass(selected); 
/再 简化 : 


CE htp//ocalhost3519/example11- P - SO 大 汪 证- 


//$('tbody>tr:has(:checked)').addClass('selected') 


D 
</script> 
(5) 保存 并 运行 程序 ， 效 果 如 图 11-6 
所 示 。 





图 11-6 程序 运行 效果 
11.5 jQuery 和 有 效 性 验证 


jQuery 1.2.6 以 上 的 版 本 包含 有 效 性 验证 功能 。 要 使 用 jQuery 的 验证 功能 ， 需 要 先 将 
jQuery 库 和 相关 的 验证 方法 库 引 用 应 用 中 ， 引 用 格式 如 下 。 

















<script sre="../js/jquery.js" type="text/javascript"></script> 
‘<script src="../js/jquery.validate.js" type="text/javascript"></script> 


jQuery 提供 了 17 种 默认 的 校 验 规则 ， 这 些 规则 如 下 。 
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(1) required:true， 必 和 输 字段。 

(2) remote:"check.php"， 使 用 ajax 方法 调用 check.php 验证 输入 值 。 

(3) email:trmme， 必 须 输 入 正确 格式 的 电子 邮件 。 

(4) url:tue， 必 须 输入 正确 格式 的 网 址 。 

(5) date:true， 必 须 输入 正确 格式 的 日 期 。 

(6) dateISO:tue， 必 须 输入 正确 格式 的 日 期 SO)， 如 2009-06-23，1998/01/22 只 验证 
格式 ， 不 验证 有 效 性 。 

(7) number:trmme， 必 须 输入 合法 的 数字 (负数 ， 小 数 )。 

(8) digits:true， 必 须 输入 整数 。 

(9) creditcard， 必 须 输入 合法 的 信用 卡号 。 

(10) equalTo:"#field"， 输入 值 必须 和 #6eld 相同 。 

(11) accept， 输 入 拥有 合法 后 缀 名 的 字符 串 〈 上 传 文件 的 后 缀 ) 。 

(12) maxlength:5， 输 入 长 度 最 多 是 5 的 字符 串 (汉字 算 一 个 字符 )。 

(13) minlength:10， 输 入 长 度 最 小 是 10 的 字符 串 ( 汉 字 算 一 个 字符 )。 

(14) rangelength:[5,10]， 输 入 长 度 必须 介 于 5 和 10 之 间 的 字符 串 ")( 汉 字 算 一 个 字符 )。 

(15) range:[5,10]， 输 入 值 必须 介 于 5 和 10 之 间 。 

(16) max:5， 输 入 值 不 能 大 于 5。 

(17) min:10， 输 入 值 不 能 小 于 10。 

针对 以 上 验证 ，jQuery 提供 了 默认 的 提示 信息 。 




















messages: { 
required: "This field is required.", 
remote: "Please fix this field.", 
email: "Please enter a valid email address.", 
url: "Please enter a valid URL.", 
date: "Please enter a valid date.", 
dateISO: "Please enter a valid date (ISO).", 
dateDE: "Bitte geben Sie ein g 眉 ltiges Datum ein.", 
number: "Please enter a valid number.", 
numberDE: "Bitte geben Sie eine Nummer ein.", 
digits: "Please enter only digits", 
creditcard: "Please enter a valid credit card number.", 
equalTo: "Please enter the same value again.", 
accept: "Please enter a value with a valid extension.", 
maxlength: $.validator.format("Please enter no more than {0} characters."), 
minlength: $.validator.format("Please enter at least {0} characters."), 
Tangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), 
Tange: $.validator.format("Please enter a value between {0} and {1}."), 
max: $.validator.format("Please enter a value less than or equal to {0}."), 
min: $.validator.format("Please enter a value greater than or equal to {0}.") 
六 


如 果 需 要 修改 这 些 提示 信息 ， 可 以 在 js 代码 中 加 入 以 下 代码 。 


jQuery.extendUQuery.validator messages, { 
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Tequired: " 必 选 字段 ", 

remote: "请 修正 该 字段 ", 

email: "请 输入 正确 格式 的 电子 邮件 ", 

wl: "请 输入 合法 的 网 址 ", 

date: "请 输入 合法 的 日 期 ", 

dateISO: "请 输入 合法 的 日 期 [SO).", 

number: "请 输入 合法 的 数字 ", 

digits: "只 能 输入 整数 ", 

creditcard: "请 输入 合法 的 信用 卡号 "， 

equalTo: "请 再 次 输入 相同 的 值 "， 

accept: "请 输入 拥有 合法 后 缀 名 的 字符 串 ", 

maxlength: jQuery.validator.format(" 请 输入 一 个 长 度 最 多 是 {0} 的 字符 串 "), 

minlength: jQuery.validator.format(" 请 输入 一 个 长 度 最 少 是 {0} 的 字符 串 "), 
rangelength: jQuery.validator.format(" 请 输入 一 个 长 度 介 于 {0} 和 {1} 之 间 的 字符 串 "), 
range: jQuery.validator.format(" 请 输入 一 个 介 于 {0} 和 {1} 之 间 的 值 "), 

max: jQuery.validator format(" 请 输入 一 个 最 大 为 {0} 的 值 "), 

min: jQuery.validator.format(" 请 输入 一 个 最 小 为 {0} 的 值 ") 

D; 


建议 将 此 文件 放 入 单独 的 js 文件 中 ， 如 放 入 messages_cnjs 中 ， 然 后 在 页 面 中 引入 ， 
引入 代码 如 下 。 


<mcee:script sre="../js/messages_cn.js" mce_src="js/messages_cn.js" 
type="text/javascript"></mcee:script> 


在 使 用 jQuery 验证 功能 时 ， 有 两 种 使 用 方式 。 
1. 将 校 验 规则 写 到 控件 中 
将 校 验 规则 写 到 控件 中 ， 示 例 代码 如 下 。 


<mece:script sre="../js/jquery.js" mee_src="js/jquery.js" type="text/javascript"></mcee:script> 

<mece:script sre="../js/jquery.validate.js" mee_src="js/jquery.validate.js" 
type="text/javascript"></mee:script> 

<mece:script sre="./js/jquery.metadata.js" mce_src="js/jquery.metadata.js" 
type="text/javascript"></mcee:script> 

$0O.ready(function() { 

$("#signupForm").validate(); 
D; 


<form id="signupForm" method="get" action=""> 
<p> 
<label for="firstname">Firstname</label> 
<input id="firstname" name="firstname" class="required" /> 
</p> 
<p> 
<label for="email">E-Mail</label> 
<input 1d="email" name="email" class="required email" /> 
<p> 
<p> 
<label for="password">Password</label> 
<input id="password" name="password" type="password" class=" {required:true,minlength:5}" /> 
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</p> 
<p> 
<label for="confirm password"> 确 认 密 码 </label> 
<input id="confirm password" name="confirm password" type="password" 
class=" {required:true,minlength:5,equalTo:'#password'}" /> 
<p> 
<p> 
<input class="submit" type="submit" value="Submit"/> 
<p> 
</form> 


使 用 class="{}" 的 方式 ， 必 须 引 入 包 jquery.metadatajs。 可 以 使 用 如 下 的 方法 ， 修 改 提 
示 内 容 。 





class=" {required:true,minlength:5,messages: {required:' 请 输入 内 容 '}}" 

在 使 用 equalTo 关键 字 时 ， 后 面 的 内 容 必须 加 上 引号 ， 如 下 代码 。 
class=" {required:true,minlength:5,equalTo:#password'}" 

另外 一 个 方式 ， 使 用 关键 字 meta， 代 码 如 下 。 


meta: "validate" 
<input id="password" name="password" type="password" 
class=" {validate: {required:true,minlength:5}}" /> 


还 有 一 种 方式 ， 代 码 如 下 。 
$.metadata.setType("attr", "validate"): 


这 样 可 以 使 用 validate="{required:true}" 的 方式 , 或 class="required", 但 class=" {required: 
true,minlength:5}" 将 不 起 作用 。 


2. 将 校 验 规则 写 到 代码 中 
第 二 种 使 用 jQuery 验证 功能 的 方法 是 将 校 验 规则 写 到 代码 中 ， 示 例 代码 如 下 。 


$0O.ready(function() { 
$("#signupForm").validate({ 


required: true, 
email: true 
上 
password: { 
required: true, 
minlength: 5 
} 
confirm password: { 
required: true, 
minlength: 5, 
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equalTo: "#password" 
} 
上 
messages: { 
firstname: "请 输入 姓名 "， 
email: { 
required: "请 输入 Email 地 址 "， 
email: "请 输入 正确 的 email 地 址 " 
}, 
password: { 
required: "请 输入 密码 "， 
minlength: jQuery.format(" 密 码 不 能 小 于 {0} 个 字符 ") 
让 
confirm password: { 
required: "请 输入 确认 密码 "， 
minlength: "确认 密码 不 能 小 于 5 个 字符 ", 
equalTo: "两 次 输入 密码 不 一 致 " 
} 


D); 
D); 
/messages 处 ， 如 果 某 个 控件 没有 message， 将 调用 默认 的 信息 


<form id="signupForm" method="get" action=""> 
<p> 
<label for="firstname">Firstname</label> 
<input id="firstname" name="firstname" /> 
</p> 
<p> 
<label for="email">E-Mail</label> 
<input id="email" name="email" /> 
</p> 
<p> 
<label for="password">Password</label> 
<input id="password" name="password" type="password" /> 
</p> 
<p> 
<label for="confirm_password"> 确 认 密 码 </label> 
<input id="confirm password" name="confirm password" type="password" /> 
</p> 
<p> 
<input class="submit" type="submit" value="Submit"/> 
</p> 
</form> 


通过 这 种 方式 使 用 jQuery 验证 功能 ， 需 注意 以 下 几 点 。 


required:true 必须 有 值 。 

required:"#aa:checked" 表 达 式 的 值 为 真 ， 则 需要 验证 。 
Iequired:function0 全 返回 为 真 ， 表 示 需 要 验证 。 

后 边 两 种 常用 于 ， 表 单 中 需要 同时 填 或 不 填 的 元 素 。 
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11.6 关于 jQuery 的 实用 提示 


为 了 最 大 程度 地 利用 jQuery， 应 该 遵循 下 面 的 提示 。 

。 不 断 试验 。 一 开始 时 ，jQuery 是 一 个 有 点 奇怪 的 技术 ， 不 太 容易 掌握 ， 这 主要 是 
因为 它 所 使 用 的 大 量 大 括号 和 小 括号 。 但 是 ， 通 过 不 断 尝试 ， 开 发 者 很 快 就 可 以 
成 为 jQuery 高 手 。 

e 访问 jQuery.com 网 站 。 除 了 提供 优质 文档 和 许多 显示 jQuery 功能 的 示例 之 外 ， 还 
可 以 在 站 点 上 找到 大 量 关 于 使 用 jQuery 的 文章 和 链接 ， 包 括 提供 视频 内 容 的 站 点 
链接 。 

e@ 投入 一 些 时 间 浏 览 jQuery UI 和 Juice UI 网 站 。 开 发 者 可 能 不 会 马上 用 到 插件 ， 或 
者 可 能 还 没有 准备 进行 下 一 步 ， 但 是 在 建立 下 一 个 有 丰富 客户 端 界 面 的 Web 站 点 
时 ， 应 该 知道 它们 可 以 提供 的 功能 。 


11.7 本 章 小 结 


本 章 介绍 了 jQuery， 这 是 一 种 非常 流行 的 开源 客户 端 JavaScript 框架 ， 可 以 用 来 与 文 
档 对 象 模型 进行 交互 。 首 先 介绍 了 jQuery 的 下 载 和 将 其 添加 到 Web 站 点 中 的 方法 ， 然 后 
通过 示例 介绍 了 jQuery 在 ASPNET 中 的 使 用 方法 ; 之 后 介绍 了 在 页 面 中 定位 相关 元 素 的 
jQuery 选择 器 和 筛选 器 。 

接 下 来 讲解 了 可 以 对 匹配 集 应 用 效果 和 动画 的 多 种 jQuery 方法 ， 了 解 如 何 使 用 css 这 
样 的 方法 来 操作 CSS 设置 ， 如 何 使 用 parent 和 prev 方法 导航 匹配 集中 的 项 ， 以 及 如 何 通 
过 事件 在 发 生 某 些 动作 时 触发 代码 。 

通过 本 章 的 学 习 , 读者 能 够 学 习 到 如 何 使 用 jQuery 中 的 众多 动画 方法 ， 以 使 页 面 的 外 
观 更 具 吸 引力 ， 并 且 交 互 性 更 好 ， 以 及 如 何在 ASPNET 验证 框架 中 使 用 jQuery 的 功能 。 





11.8 思考 和 练习 


1. 利用 Timer 控件 和 页 面 局 部 更 新 技术 ， 实 现 广告 显示 一 段 时 间 后 自动 关闭 的 功能 。 
2. 假设 在 服务 器 端 每 隔 1 秒 处 理 一 次 业务 ，10 秒 钟 处 理 完毕 。 设 计 一 个 页 面 ， 利 用 局 
部 更 新 技术 , 用 进度 条 自动 显示 每 次 处 理 的 进度 。 





生 北 余生 动 得 而 面 








3. 编写 一 个 了 解 学 生 业余 活动 的 调查 页 面 ， ep 请)8-10 人 业主 
学 生 姓 各: 最 凶 答 入 10 合 中 文字 竺 
页 面 中 包含 对 输入 信息 的 验证 功能 。 程 序 运行 效 a 二 
果 如 图 11-7 所 示 。 EE 





图 11-7 练习 3 页面 设计 效果 
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在 井喷 式 发 展 的 移动 互联 时 代 ， 在 应 用 程序 中 更 好 地 整合 和 充分 、 快 捷 、 有 效 地 利 
Intemet 上 的 海量 计算 能 力 和 海量 存储 信息 ,实现 在 因特网 上 建立 广泛 交互 服务 的 “五 个 任 
何 ”( 任 何人 ， 任 何 地 方 ， 任 何 时 间 ， 任 何 设备 ， 任 何 手段 ) 互 联 梦 想 ， 使 Intemet 成 为 一 个 
透明 的 超级 计算 机 是 开发 者 的 梦想 。 这 个 迷人 的 梦想 的 实现 者 就 是 以 XML(eXtensible 
Markup Language) 或 JSON(JavaScript Object Notation) 为 基础 的 数据 交换 格式 、 支 持 Ajax 
(Asynchronous JavaScript and XML) 的 Web Services(Web 服务 )。 

支持 Ajax 的 Web 服务 是 目前 最 新 的 技术 ， 它 可 以 轻松 整合 不 同 的 应 用 程序 以 及 异 构 
系统 之 间 的 数据 共享 。 本章 首先 介绍 Web 服务 的 基本 概念 和 特点 , 然后 通过 具体 实例 说 明 
如 何 创建 和 使 用 支持 Ajax 的 Web 服务 。 


荆 











本 章 的 学 习 目 标 : 
。 了 解 什么 时 候 需 要 使 用 Web 服务 。 
。 掌握 如 何 创建 和 调用 支持 Ajax 的 Web 服务 。 


12.1 支持 AJAX 的 Web Services 简介 


ASPNET AJAX 提供 了 完整 的 架构 ， 人 允许 从 客户 端 JavaScript 调用 ASPNET Web 
Services。 设 计 者 可 以 轻松 地 用 AJAX 把 服务 器 端的 数据 和 功能 集成 到 用 户 响应 的 Web 页 
面 中 ， 而 所 需要 做 的 就 是 仅仅 用 [ScriptService] 属 性 来 标识 Web Service。ASPNET AJAX 框 
架 会 为 Web Service 自动 生成 JavaScript 代理 ， 然 后 通过 使 用 代理 来 调用 Web methods。 


12.1.1 什么 是 Web Services 


简单 地 讲 ，Web Services(Web 服务 ) 是 一 个 基于 因特网 的 可 通过 Web 被 远程 调用 的 应 
用 程序 模块 APD。 例 如 ， 网 站 里 想 提 供 天 气 预报 的 服务 ， 不 用 自己 实现 天 气 预报 的 功能 ， 
只 用 调用 其 他 公司 提供 的 免费 或 付费 Web Services 即 可 。 
e 服务 就 是 一 个 软件 ， 它 和 客户 端 应 用 程序 没有 很 紧密 地 耦合 或 关联 。 服 务 是 可 以 
被 动态 地 发 现 及 组 合成 其 他 软件 的 软件 实体 。 
e。 Web 服务 是 一 种 基于 XML、JSON、SOAP、HTTP、UDDI、WSDL 等 一 系列 标准 
实现 的 分 布 式 计算 技术 和 软件 组 件 。 
e Web 服务 提供 了 一 个 松散 耦合 和 跨 平 台 的 分 布 式 计算 环境 ， 它 是 一 个 与 操作 系统 
无 关 、 程 序 设 计 语 言 无 关 、 机 器 类 型 无 关 、 运 行 环境 无 关 的 平台 ， 实 现 网 络 上 应 
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用 的 共享 ， 并 可 用 于 复杂 的 系统 集成 。 

e 国际 标准 化 组 织 W3C: Web Service 是 一 个 通过 URL 识别 的 软件 应 用 程序 ， 其 界 
面 及 绑 定 能 用 XML 文档 来 定义 、 描 述 和 发 现 ， 使 用 基于 Intemet 协议 上 的 消息 传 
北方 式 与 其 他 应 用 程序 进行 直接 交互 。 

e@ Microsoft: Web Service 是 为 其 他 应 用 提供 数据 和 服务 的 应 用 逻辑 单元 ， 应 用 程序 

通过 标准 的 Web 协议 和 数据 格式 获得 Web Service, 如 HTTP、XML/JSON 和 SOAP 
等 ， 每 个 Web Service 的 实现 是 完全 独立 的 。Web Service 具有 基于 组 件 的 开发 和 
Web 开发 两 者 的 优点 ， 是 Microsoft 的 .Net 程序 设计 模式 的 核心 。 

Web Service 是 一 种 革命 性 的 分 布 式 计算 技术 ， 它 使 用 基于 XML/JSON 的 消息 处 理 作 
为 基本 的 数据 通信 方式 ， 消 除 使 用 不 同 组 件 模型 、 操 作 系统 和 编程 语言 的 系统 之 间 存 在 的 
差异 ， 使 异类 系统 能 够 作为 计算 网 络 的 一 部 分 协同 运行 。 开 发 人 员 可 以 使 用 像 过 去 创建 分 
布 式 应 用 程序 时 使 用 组 件 的 方式 , 创建 由 各 种 来 源 的 Web 服务 组 合 在 一 起 的 应 用 程序 。 由 
于 Web 服务 是 建立 在 一 些 通用 协议 的 基础 上 ， 如 HTTP、SOAP、XML、JSON、WSDL、 
UDDI 等 ， 这 些 协议 在 涉及 到 操作 系统 、 对 象 模型 和 编程 语言 的 选择 时 ， 没 有 任何 倾向 ， 
因此 Web 服务 将 会 有 很 强 的 生命 力 。 

SOAP， 即 Simple Object Access Protocol， 简 单 对 象 访问 协议 。SOAP 是 消息 传递 的 协 
议 , 它 规定 了 Web Services 之 间 是 怎样 传递 信息 的 。 简 单 地 说 ，SOAP 规定 了 以 下 儿 点 规则 。 

(1) 传递 信息 的 格式 为 XML。 这 就 使 Web Services 能 够 在 任何 平台 上 ， 用 任何 语言 进 
行 实现 。 

(2) 远程 对 象 方法 调用 的 格式 。 规 定 了 怎样 表示 被 调用 对 象 以 及 调用 的 方法 名 称 和 参 
数 类 型 等 。 

(3) 参数 类 型 和 XML 格式 之 间 的 映射 。 这 是 因为 , 被 调用 的 方法 有 时 候 需 要 传递 一 个 
复杂 的 参数 ， 如 一 个 Person 对 象 。 怎 样 用 XML 来 表示 一 个 对 象 参数 ， 也 是 SOAP 所 定义 
的 范围 。 

WSDL， 即 Web Services Description Language，Web 服务 描述 语言 。WSDL 是 Web 
Services 的 定义 语言 。 当 实现 了 某 种 服务 的 时 候 (如 股票 查询 服务 )， 为 了 让 别 的 程序 调用 ， 
必须 告诉 大 家 服务 接口 ， 如 服务 名 称 、 服 务 所 在 的 机 器 名 称 、 监 听 端 口号 、 传 递 参数 的 类 
型 、 个 数 和 顺序 、 返 回 结果 的 类 型 等 。 这 样 别 的 应 用 程序 才能 调用 该 服务 。WSDL 协议 就 
是 规定 了 有 关 Web Services 描述 的 标准 。 

UDDI， 即 Universal Description Discovery and Integration， 通 用 描述 发 现 和 集成 协议 。 
简单 说 ，UDDI 用 于 集中 存放 和 查找 WSDL 描述 文件 ， 起 着 目录 服务 器 的 作用 。 

扩展 标记 语言 XML， 是 Intemet 上 数据 表示 和 数据 交换 的 新 标准 。 是 SGML(Standard 
for General Markup Language， 即 : 通用 标记 语言 标准 ) 的 一 个 简化 子 集 。XML 关注 信息 本 
身 ， 是 Web 上 表示 结构 化 信息 的 一 种 标准 文本 格式 。 与 传统 的 注重 页 面 信息 显示 的 
HTML(Hypertext Markup Language， 即 : 超 文本 链接 标示 语言 ) 相 比 ， 关 注 于 内 容 的 XML 

















离 ， 主 要 刻画 数据 内 容 ， 不 考虑 显示 效果 ;有 严格 的 语法 要 求 ， 便 于 分 析 统 一 和 与 数据 库 


第 12 章 Web 服务 "313 。 


信息 转换 ， 便 于 传输 ， 为 纯 文 本 形式 ， 可 通过 Http 协议 直接 传输 ， 可 跨越 防火 墙 等 。XML 
的 出 现 和 发 展 对 于 Intemet 和 Intranet 产生 了 巨大 的 影响 。 


1. Web 服务 的 目标 


(1) 让 地 理 上 分 布 在 不 同 区 域 的 计算 机 和 设备 一 起 工作 , 为 用 户 提供 各 种 各 样 的 服务 。 
(2) 用 户 可 以 控制 要 获取 信息 的 内 容 、 时 间 、 方 式 ， 而 不 必 像 目前 这 样 ， 在 无 数 个 信 
息 孤 岛 中 浏览 ， 去 寻找 自己 需要 的 信息 。 


2. Web 服务 的 影响 


(1) Web 服务 支持 在 Web 站 点 上 放置 可 编程 的 元 素 ， 用 户 可 以 抓 取 已 有 的 元 素 ， 构 成 
自己 的 新 服务 。 

(2) 能 进行 基于 Web 的 分 布 式 计算 和 处 理 ， 能 很 好 地 兼容 现 有 的 Web 技术 。 

(3) Web 服务 使 得 Intemet 成 为 一 个 可 以 无 限 扩展 、 拥 有 无 限 潜力 的 分 布 式 计 算 平 台 。 

(4) 任何 设备 可 以 随时 随地 访问 Intemet 上 的 Web 服务 。 

(5) 软件 模块 充分 复 用 、 计 算 机 资源 充分 共享 、 信 息 无 颖 共享 和 交流 。 

3. Web 服务 的 好 处 


(1) Web 服务 改变 企业 对 I 系统 的 应 用 方式 和 依赖 程度 。 在 Web 服务 的 帮助 下 , 企业 
可 以 不 再 耗费 巨 资 建设 IT 系统 ， 转 而 使 用 Intemet 上 提供 的 各 类 Web 服务 来 实现 。 

(2) 利用 Web 服务 ， 公 司 和 个 人 将 能 够 迅速 且 廉 价 地 向 整个 国际 互联 网 络 提供 他 们 的 
服务 ， 进 而 建立 全 球 范围 的 联系 ， 在 广泛 的 范围 内 寻找 可 能 的 合作 伙伴 。 


4. Web 服务 的 主要 特征 


(1) 互 操作 性 : 一 个 Web 服务 可 与 其 他 Web 服务 交互 ， 协 同 工 作 ; 可 以 使 用 任何 语 
言 开发 Web 服务 或 使 用 他 人 提供 的 Web 服务 ， 开 发 环境 可 以 异 构 。 

(2) 普遍 性 : Web 服务 使 用 HTTP 和 XML 进行 通信 ， 支 持 这 些 技术 的 设备 都 可 以 拥 
有 和 访问 Web 服务 。 

(G3) 松散 耦合 :Web 服务 的 实现 对 使 用 者 透明 ， 当 服务 的 实现 发 生变 动 时 不 影响 用 户 
使 用 。 

(4) 高 度 可 集成 能 力 : Web 服务 和 采用 了 简单 的 、 易 理解 的 标准 Web 协议 作为 组 件 界 
面 描述 和 协同 描述 规范 ， 屏 蔽 了 平台 的 异 构 性 ，CORBA、DCOM、EJB 等 都 可 通过 它 进行 
互 操作 。 

5. Web 服务 架构 

SOA(Service Oriented Architecture) 架 构 如 图 12-1 所 示 。 其 中 包括 了 3 个 参与 者 和 3 个 
基本 操作 。 

e@ 3 个 参与 者 : 服务 提供 者 、 服 务 请 求 者 、 服 务 中 介 者 。 

e 3 个 基本 操作 : 发 布 、 发 现 、 绑 定 。 
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XML 或 JSON 是 数据 的 格式 , SOAP 是 调用 Web Services 的 协议 ，WSDL 是 描述 Web 
Services 的 格式 ， 而 UDDI 是 Web Services 发 布 、 查 找 和 利用 的 组 合 。 


人 


服务 提供 者 


图 12-1 SOA Web 服务 架构 





6. Web 服务 有 两 种 类 型 的 应 用 


(1) 可 重复 使 用 的 应 用 程序 组 件 

有 一 些 功 能 是 不 同 的 应 用 程序 常常 会 用 到 的 。 那 么 为 什么 要 周而复始 地 开发 它们 呢 ? 

Web services 可 以 把 应 用 程序 组 件 作为 服务 来 提供 ， 如 汇率 转换 、 天 气 预 报 或 者 其 至 
是 语言 翻译 等 。 比 较 理想 的 情况 是 ， 每 种 应 用 程序 组 件 只 有 一 个 最 优秀 的 版 本 ， 这 样 任何 
人 都 可 以 在 其 应 用 程序 中 使 用 它 。 

(2) 连接 现 有 的 软件 

通过 为 不 同 的 应 用 程序 提供 一 种 链接 其 数据 的 途径 ，Web Services 有 助 于 解决 协同 工 
作 的 问题 。 通 过 使 用 WebServices， 用 户 可 以 在 不 同 的 应 用 程序 与 平台 之 间 来 交换 数据 。 


12.1.2 JSON 和 支持 AJAX 的 Web 服务 


JSON(JavaScript Object Notation) 是 一 种 轻 量 级 的 数据 交换 格式 ， 易 于 阅读 和 编写 ， 易 
于 机 器 解析 和 生成 。 它 基于 JavaScript Programming Language，Standard ECMA-262 3rd 
Edition - December 1999 的 一 个 子 集 。JSON 采用 完全 独立 于 语言 的 文本 格式 ， 使 用 了 类 似 
于 C 语言 家 族 的 习惯 (包括 C，C++，C#，Java，JavaScript，Perl，Python 等 )。 这 些 特 性 使 
JSON 成 为 理想 的 数据 交换 语言 。 

JSON 建构 于 两 种 结构 : 

(1) “名 称 / 值 ”对 的 集合 。 不 同 的 语言 中 ， 它 被 理解 为 对 象 (object)、 记 录 (record)、 结 
构 (struct)、 字典 (dictionary)、 哈 希 表 (hash table)、 有 和 键 列表 (keyed list) 或 者 关联 数组 (associative 
array)。 

(2) 值 的 有 序列 表 。 在 大 部 分 语言 中 ， 它 被 理解 为 数组 (array)。 

这 些 都 是 常见 的 数据 结构 。 事 实 上 大 部 分 现代 计算 机 语言 都 以 某 种 形式 支持 它们 。 这 
使 得 一 种 数据 格式 在 同样 基于 这 些 结构 的 编程 语言 之 间 交 换 成 为 可 能 。 

JSON 以 一 种 特定 的 字符 串 形式 来 表示 JavaScript 对 象 。 如 果 将 具有 这 样 一 种 形式 的 字 
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赋 给 任意 一 个 JavaScript 变量 ， 那 么 该 变量 会 变 成 一 个 对 象 引 用 ， 而 这 个 对 象 就 是 字 
所 构建 出 来 的 ， 好 像 有 点 抛 口 ， 还 是 用 实例 来 说 明 。 

这 里 假设 需要 创建 一 个 User 对 象 ， 并 具有 用 户 ID、 用 户 名 、 用 户 Email 这 3 个 属性 ， 
可 以 使 用 以 下 JSON 形式 来 表示 User 对 象 。 


{"UserID":111, "Name":"Landy", "Email":Landy(@gmail.com"}; 


接 下 来 ， 如 果 把 这 一 字符 串 赋 予 一 个 JavaScript 变量 ， 那 么 就 可 以 直接 使 用 对 象 的 任 
-属性 了 。 完 整 代码 如 下 。 


ses 
束 


























<script> 
Var User = {"UserID":111, "Name":"Landy", "Email":":Landy(@gmail.com"}; 
alert(User.Name):; 
</script> 
借助 ASP.NET AJAX Extension， 微 软 选 择 JSON 在 服务 器 和 Ajax 客户 端 实现 数据 交 
换 ， 从 而 创建 支持 AJAX 的 Web 服务 。 在 客户 端 和 服务 器 端 都 实现 了 (数据 的 ) 串 行 化 器 和 
并 行 化 器 以 使 数据 按 JSON 的 格式 交换 。 网 页 中 的 客户 端 脚本 与 服务 器 通过 Web 服务 通信 
层 进行 通信 来 访问 Web 服务 ， 该 通信 层 使 用 AJAX 技术 进行 Web 服务 调用 ， 数 据 在 客户 
端 与 服务 器 之 间 通 常 采用 JSON 格式 进行 异步 交换 。 
通常 ， 默 认 将 JavaScript 对 象 序列 化 为 JSON 格 式 ， 使 用 JavaScript eval 函 数 可 进行 反 序 
列 化 。 但 Web 服 务 和 ASPNET 网 页 中 的 单个 方法 可 以 返回 其 他 格式 (如 XML)。 可 以 通过 
ScriptMethod 属 性 来 指定 方法 的 序列 化 格式 。 对 于 某 个 ASMX 服 务 ， 可 以 设置 ScriptMethod 
属性 形 如 [ScriptMethod(ResponseFormat = ResponseFormat Xml)]， 以 使 某 个 Web 服 务 方法 返 
回 XML 数 据 。 


12.2 创建 和 使 用 支持 AJAX 的 Web 服务 


使 用 VS 可 以 创建 能 够 从 客户 端 脚本 访问 的 ASP.NET 自 定义 Web 服务 (asmx 文件 )。 
在 【 例 12-1】 中 ， 将 创建 一 个 支持 AJAX 的 Web 服务 ， 并 使 用 客户 端 脚本 调用 其 方法 。 

【 例 12-1】 在 Vs 中 创建 支持 AJAX 的 Web 服务 。 注 意 ， 要 完成 本 示例 ， 需 要 在 本 地 
计算 机 上 安装 Microsoft Intemet 信息 服务 (IIS)。 

(1) 创建 支持 AJAX 的 Web 服务 的 网 站 。 需 要 注意 的 是 ， 在 本 实例 中 必须 使 用 IS 网 














站 。 
@ 打开 VS。 
@ 选择 【文件 】| 【新建 】|【 网 站 】 命 令 ， 打开 【 新 建 网 站 】 对 话 框 ，VS 将 只 筛选 列 
出 可 以 新 建 的 网 站 项 目 。 
@ 在 对 话 框 左 侧 的 【模板 】 下 选择 Visual C#， 然 后 在 右 侧 选择 【ASPNET 空 网 站 】， 
单 击 【浏览 】 按 钮 打开 【选择 位 置 】 对 话 框 ， 单 击 对 话 框 左 侧 的 【本 地 IS】， 单 击 【 默 认 





se ASPNET 4.5 网 站 开发 实例 教程 


网 站 】， 在 右上 角 单 击 【创建 新 Web 应 用 程序 】 图 标 ， 如 图 12-2 所 示 。VS 创建 了 一 个 新 
的 IIS Web 应 用 程序 。 








口 站] 
© hep//focaboocet5605/ 








图 12-2 【选择 位 置 】 对 话 框 


指定 名 称 AJAXsupportedWebService， 不 选择 【使 用 安全 套 接 字 层 (U)】。 

单 击 【 打 开 】 按 钮 ， 出 现 【 新 建 网 站 】 对 话 框 ， 新 网 站 的 名 称 位 于 【位 置 】 列 表 中 ， 
包括 协议 http:// 和 位 置 localhost, 如 http://localhost:15605/ (这 指示 处 理 本 地 IS 网 站 )。 在 【 语 
言 】 列 表 中 ， 选 择 编程 语言 Visual C#， 单 击 【 确 定 】 按 钮 。 

(2) 编写 支持 AJAX 的 自 定义 Web 服务 。 

@ 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 称 ， 选 择 【添加 】|【 添 加 新 项 】 命 令 。 

@ 在 Visual Studio【 已 安装 】 的 Visual C# 模 板 下 ， 单 击 【Web 服务 】， 然 后 在 【名 
称 】 文 本 框 中 输入 GreetingsWebService.asmx， 如 图 12-3 所 示 。 

@ 确保 【将 代码 放 在 单独 的 文件 中 】 复 选 框 已 选 定 ， 然 后 单 击 【添加 】 按 钮 。 

VS 创建 一 个 新 的 Web 服务 , 它 由 两 个 文件 组 成 : GreetingsWebService.asmx 文件 是 用 
来 调用 Web 服务 方法 的 文件 ， 它 指向 Web 服务 代码 ， 代 码 本 身 位 于 App_Code 文件 夹 中 
的 类 文件 (GreetingsWebService.cs) 中 ， 代 码 文件 包含 Web 服务 的 模板 。 

@ 打开 文件 GreetingsWebService.asmx， 修 改 为 如 下 代码 。 





<%@ WebService Language="C#" CodeBehind="~/App_Code/Greetings WebService.cs" 
Class=" Samples.Aspnet.Greetings WebService" %> 





其 中 ，@WebService 指令 表示 在 该 文件 中 声明 一 项 Web 服务 ，Language 属性 指明 使 
用 的 语言 是 Visual C#，CodeBehind 属性 指明 实现 该 服务 的 代码 文件 是 ~/App_Code/ 
GreetingsWebService.cs ， Class 属性 指明 实现 该 Web 服务 的 类 的 类 名 是 
Greetings WebService。 

@@ 打开 文件 GreetingsWebService.cs， 可 看 到 如 下 代码 。 将 1~20 行 代码 用 namespace 
Samples.Aspnet 名 称 空间 命令 括 起 来 。 
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图 12-3 【添加 新 项 】 对 话 框 


namespace Samples.Aspnet 

{ 

1 /// <summary> 

2 ”///GreetingsWebService 的 摘要 说 明 

3 /</summary> 

4 [WebService(Namespace = "http://tempuri.org/")] 

中 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfilel 1)] 
6 ”// 若 要 允许 使 用 ASPNET AJAX 从 脚本 中 调用 此 Web 服务 ， 请 取消 对 下 行 的 注释 。 
党 [System.Web.Script. Services.ScriptService] 

8 public class GreetingsWebService : System. Web.Services. WebService 
Se 

10 public GreetingsWebService 0// 类 的 构造 函数 

11 { 

12 /如 果 使 用 设计 的 组 件 ， 请 取消 注释 以 下 行 

13 /InitializeComponentO:; 

14 小 

15 [WebMethod] 

16 public string HelloWorld0 

17 { 

18 retum "Hello World": 

19 } 

2000) 

97 


代码 的 第 8~10 行 定 义 了 一 个 名 为 GreetingsWebService 的 类 ， 从 WebService 类 派生 。 
使 用 ASP.NET 创建 的 Web 服务 的 类 可 以 选择 从 WebService 类 派生 ， 以 获得 对 通用 
ASPNET 对 象 的 访问 权限 ， 如 Application、Session、User 和 Context。 

代码 的 第 4 行 是 应 用 WebService 属性 设置 Web 服务 所 属 的 XML 命名 空间 。 

将 可 选 的 WebService 属性 应 用 于 实现 Web 服务 的 类 ,以 便 为 该 Web 服务 设置 默认 的 
XML 命名 空间 (该 命名 空间 原来 是 http:Wtempuri.org)， 同 时 还 用 一 个 字符 串 来 描述 该 Web 





服务 。 








在 使 该 XML Web Services 可 以 公开 使 用 之 前 ， 强 烈 建 议 修改 此 默认 命名 空间 
http://tempuri.org。 这 一 点 很 重要 ， 因 为 必须 将 该 XML Web Services 与 其 他 可 能 不 慎 将 该 
命名 空间 用 作 默 认命 名 空间 (<http://tempuri.org/>) 的 XMLWeb Services 相 区 分 。 
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代码 的 第 15~19 行 定义 Web 服务 方法 。 实 现 Web 服务 的 类 的 方法 不 会 自动 具有 通过 
Web 进行 通信 的 能 力 ， 但 通过 使 用 ASP.NET 创建 的 Web 服务 ， 很 容易 添加 该 功能 。 若 要 
添加 此 功能 , 请 将 WebMethod 属性 应 用 于 公共 方法 。 可 通过 Web 进行 通信 的 Web 服务 的 
方法 称 为 Web 服务 方法 。 

请 注意 ， 函 数 名 HelloWorld 前 面 放置 了 [WebMethod] 属 性 ， 作 为 函数 声明 的 一 部 分 。 
此 外 ， 类 HelloWorld 由 [ScriptService] 属 性 限定 。 利 用 这 些 属性 ， 可 以 从 支持 AJAX 的 
ASP.NET 网 页 中 的 脚本 调用 Web 服务 。 

(3) 测试 Web 服务 。 

现在 就 可 以 在 浏览 器 中 测试 Web 服务 ， 此 测试 不 使 用 脚本 来 调用 Web 服务 方法 。 测 
试 的 目的 仅仅 是 验证 Web 服务 是 否 正常 运行 。 测 试 步骤 如 下 。 

@ 打开 浏览 器 ， 输 入 以 下 URL。 











http://localhost:15605/ Greetings WebService.asmx.asmx 
来 调用 Web 服务 ， 在 浏览 器 中 会 显示 一 个 页 ， 显 示 由 Web 服务 公开 的 方法 。 
或 者 ， 确 保 当 前 文件 是 GreetingsWebService.asmx， 按 CtrlHtF5 组 合 键 ， 可 以 在 浏览 器 
中 看 到 该 程序 运行 的 界面 ， 如 图 12-4 所 示 。 


Me E http://localhost15. DP - Bo Ws} 


文 站 (有 妨 锅 (E) ， 看 (V) ， 收藏 交 (A) ， 工 具 (D 项 动 (H) GreetingsWebService 


GreetingsWebService 六 此 各， 效 取 区 整 掀 引 天 家 。 





文昌 下 列 风 作 。 有 有关 正式 定义 ， 洒 查看 服务 说 明 . Halloworid 
» Helloworld WK 

此 Web 服务 使 用 http:/ /tempuri.org/ 作为 鞭 认命 名 空间 才 匀 网 HTTP POST 雪 认 对 失 作 进行 和 这 请 单机 " 调 同 " 按 

建议: 公开 XML Web services 之 前 , 请 可 次 黑 认命 名 空间 。 。 Y | 


< 
胞 100% ~ 





图 12-4 ”GreetingsWebService.asmx 运行 示意 图 和 调用 Web 服务 Hello 的 界面 


@ 单 击 HelloWorld。 出 现 一 个 带 有 【调用 】(Invoke) 按 钮 的 页 。 
图 单 击 【 调 用 】 按 钮 调用 方法 ， 可 看 到 如 图 12-5 所 示 的 XML 格式 的 结果 。 


总 hpylocalhost15605P - BC 世 1 守 :3 


0" encoding="UTF-8"?> 
p:/ /tempuri.org/">Hello 
World</string> 


磺 100% ~ 


图 12-5 ”HelloWorld 服务 的 返回 结果 


@ 单 击 图 12-4 中 的 【服务 说 明 链接 , 将 看 到 用 WSDL 语言 描述 该 Web 服务 的 XML 
文档 。 

@ 关闭 浏览 器 。 保 存 文件 并 将 其 关闭 ， 完 成 创建 支持 AJAX 的 Web 服务 。 

(4) 打开 文件 GreetingsWebService.cs， 添 加 Web 服务 方法 ， 代 码 如 下 。 
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[WebMethod(Description=" 无 参数 的 Web 服务 ， 显 示 “Hello world! 和 服务 器 的 当前 时 间 ”"】] 
public string Greetings() 
{ 
string serverTime = String. Format("Current date and time: {0}.", DateTime Now): 
string greetings = "Hello World! <br/>" + serverTime; 
Teturn greetings; 
b 
[WebMethod(Description = "有 参数 的 Web 服务 ， 显 示 “Hello world 您 输入 的 用 户 名 ! " 
+" 和 服务 器 的 当前 时 间 ”")] 
public string GreetingsParamters(string vistorName) 
{ 
string inputString = Server.HtmlEncode(vistorName); 
if (!String.IsNullOrEmpty(inputString)) //if (vistorName.Trim0.Length != 0)//also ok. 
{ 
string serverTime =String.Format("Current date and time is {0}.", DateTime.Now); 
string greetings = "Hello, " + inputString + "!<br/>" + serverTime; 
Teturn greetings; 
} 


else return "my friend,please enter your namel": 
} 

(5) 从 客户 端 脚本 调用 Web 服务 。 

@ 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 称 ， 然 后 选择 
命令 ， 打 开 【 添 加 新 项 】 对 话 框 。 

@ 在 已 安装 的 模板 下 ， 单 击 【JavaScript 文件 】， 然 后 在 【名 称 】 文 本 框 中 输入 
callGreetingsClientJScriptjs， 单 击 【确定 】 按 钮 。 

@ 向 脚本 文件 中 添加 以 下 代码 。 





系 加 】|【 添 加 新 项 】 





Var GreetingsServiceProxy;// Initializes global and proxy default variables. 

function pageLoad() 

{ 
// Instantiate the service proxy. 
GreetingsServiceProxy = new Samples.Aspnet.Greetings WebService(); 
// Set the default call back functions. 
GreetingsServiceProxy.set_defaultSucceededCallback(SucceededCallback): 
GreetingsServiceProxy.set_defaultFailedCallback(FailedCallback); 
GreetingsServiceProxy.set_timeout(2000): 
GreetingsServiceProxy.set_defaultUserContext("my context"); 

} 

// Processes the button click and calls the service Greetings method. 处 理 按钮 事件 ， 调 用 Web 服务 

function OnClickGreetings|O 

让 
Var greetings = GreetingsServiceProxy.Greetings(); 

1 

// Processes the button click and calls the service Greetings method with parameters. 

function OnClickGreetingsParameters(s) /处 理 按钮 事件 ， 调 用 带 参 数 的 Web 服务 

{ 

Var greetings =GreetingsServiceProxy.GreetingsParamters(s,SucceededCallback.,FailedCallback); 
} 
function SucceededCallback(result) // Callback function that processes the service return value. 


。320 。 ASPNET 4.5 网 站 开发 实例 教程 


var RsltElem = document.getElementById("Results"); 
RsltElem.innerHTML = result: 
} 
// Callback function invoked when a call to the service methods fails. 
function FailedCallback(error, userContext, methodName) 


ierror !(— nolD) 
{ 
var RsltElem = document.getElementById("Results"): 
RsltElem.innerHTML = "An error occurred: " + error.get_message(); 
1 


if (typeof(Sys) ! 一 "undefined") Sys.Application.notifyScriptLoaded(); 

在 调用 某 个 Web 服务 时 , 通常 定义 两 个 回调 : 一 个 用 于 成 功 的 情况 ; 另 一 个 用 于 失败 
的 情况 。Web 服务 调用 是 异步 执行 的 ， 必 须 通 过 回调 来 了 解 调用 的 实际 完成 情况 。 这 里 的 
方法 SucceededCallback 和 FailedCallback 分 别 实现 成 功 回调 和 失败 回调 。 

新 建 并 打开 callGreetingsService.aspx 页 面 ， 将 使 用 此 客户 端 脚 本 来 调用 
GreetingsWebService.cs 中 定义 的 Greetings0 和 GreetingsParamters0 这 两 个 Web 服 务 方法 。 

@ 切换 到 callGreetingsService.aspx 的 【设计 】 视 图 ， 从 工具 箱 的 【AJAX 扩展 】 组 中 
向 页 面 中 拖 放 一 个 ScriptManager 控件 ， 使 用 默认 的 控件 名 称 ， 然 后 设置 ScriptManager 控 
件 的 Services 属性 。 需 要 从 客户 端 代码 中 用 ScriptManager 注册 需要 与 之 交互 的 服务 。 单 击 
Services 属性 右 侧 的 【浏览 】 按 钮 ， 打 开 【ServiceReference 集合 编辑 器 】 对 话 框 ， 单 击 【 添 
加 】 按 钮 ， 在 右 侧 设置 path 为 GreetingsWebService.asmx， 即 完成 向 ScriptManager 控件 中 
添加 服务 引用 ， 如 图 12-6 所 示 。 同 理 ， 为 Scripts 属性 添加 对 脚本 文件 的 引用 路 径 path 为 
callGreetingsClientJScriptjs。 


GreetingtwWebsericeacmz ED; 


围 %| 
2 


InlineScript Faise 
path ‘GreetingsWebServices 














Services 
ScriptManager 应 包 托 在 页 面 中 的 报 务 引 
月 的 抹 合 。 在 运行 和 村 合 并 5 


criptMara.. 








图 12-6 ”为 ScriptManager 控件 添加 属性 


加 在 body 的 form 标记 中 ， 可 看 到 如 下 代码 。 





<asp:ScriptManager runat="server" ID="scriptManager"> 
<Services> <asp:ServiceReference Path="Greetings WebService.asmx" /> </Services> 
<Scripts> <asp:ScriptReference Path="callGreetingsClientJScript.js" /> </Scripts> 
</asp:ScriptManager> 
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当然 , 可 在 源 视图 中 直接 输入 上 述 ScriptManager 控件 的 代码 , 这 同样 可 完成 上 一 步 的 
操作 。 

该 页 面包 含 ScriptManager 控件 。Services 节 的 ServiceReference 元 素 中 的 path 属性 引 
用 先前 生成 的 GreetingsWebService.asmx 服务 。Script 节 的 ServiceReference 元 素 中 的 path 
属性 引用 callGreetingsClientJScriptjs 脚本 。 

ScriptManager 控件 包括 在 ASP.NET【AJAX 扩展 】 中 ,， 它 用 来 处 理 页 面 上 的 所 有 组 件 
以 及 页 面 局 部 更 新 ,生成 相关 的 客户 端 代理 脚 本 以 便 能 够 在 JavaScript 中 访问 Web Service， 
所 有 需要 支持 ASP.NET AJAX 的 ASPNET 页 面 上 有 且 只 能 有 一 个 ScriptManager 控件 。 在 
ScriptManager 控件 中 可 以 指定 需要 的 脚本 库 ， 或 者 指定 通过 JS 来 调用 的 Web Service， 以 
及 调用 AuthenticationService 和 ProfileService， 还 有 页 面 错误 处 理 等 。 

ASPNET Web 服务 通过 ScriptManager 控件 向 客户 端 脚本 公开 之 后 , ASP.NET 将 为 这 
些 Web 服务 自动 创建 JavaScript 代理 类 。 可 以 通过 调用 JavaScript 代理 类 的 相应 方法 来 调 
用 Web 服务 方法 。 

@ 在 body 的 fomm 标记 中 ， 继 续 添 加 如 下 代码 。 




















<span class="stylel"> 记 者 要 将 GreetingsWebService.cs 文件 中 的 Web 服务 类 的 属性 
[System.Web.Script.Services.ScriptService] 启 用 ， 即 不 要 注释 它 。</span> 
<hr 户 从 客户 端 脚 本 调用 : 
<table> 
<tr align="left"> 
<td>Click to call the Greetings service:</td> 
<td><%-- 调 用 回调 函数 的 控件 是 HTML 控件 --%> 
<input id="ButtonGreet" type="button" 
onclick ="OnClickGreetings(); return false:" value="Greetings" /> 
</td> 
</t> 
</table><hr 人 > 


这 里 将 客户 端 HIML 控件 Input(Button) 的 onclick 属性 和 callGreetingsClientJScriptjs 
客户 端 脚本 文件 中 的 函数 OnClickGreetings0 绑 定 ， 在 引发 该 Input(Button) 控 件 的 Click 事 
件 时 将 调用 并 执行 客户 端 脚本 文件 中 的 OnClickGreetings 函数 。 

这 里 用 的 id="ButtonGreet" 按 钮 是 【工具 箱 】 的 HIML 组 里 的 Input(Button), 这 是 客户 
端 控件 ， 不 同 于 服务 器 端 控件 Button(【 标 准 】 组 中 的 )。 

@ 在 浏览 器 中 测试 Web 服务 。 打 开 浏览 器 ， 输 入 以 下 URL。 





http://localhost: 15605/callGreetingsService.aspx 


在 显示 的 页 中 ， 单 击 Greetings 按钮 。 这 将 生成 对 该 Web 服务 的 调用 ， 这 次 调用 将 
返回 一 条 问候 消息 以 及 当前 服务 器 日 期 和 时 间 。 

@ 切换 到 callGreetingsService.aspx 的 源 视图 , 在 body 的 form 标记 中 , 继续 添加 如 下 
代码 。 


<hr 户 从 客户 端 脚 本 调用 : <br /> 输入 用 户 名 : 
<asp:TextBox ID="TextBoxParameters" runat="server"></asp:TextBox> 
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<asp:Button ID="ButtonGreetParam" OnClientClick ="GreetingsParameters(); 
Tetum false:” runat="server" Text="GreetingsParameters(|" /><hr /> 


将 下 列 javascript 客户 端 脚本 块 添加 到 <head></head> 标 记 后 。 


<script type ="text/javascript" > 
function GreetingsParameters() 
€ 
window.alert("now calling GreetingsParameters ()...."): 
// 获 取 文 本 框 TextBoxParameters 服务 器 控件 的 值 
Var s=document.getElementById ("TextBoxParameters").value; 
window.alert(s); 
1/ 调用 客户 端 脚本 文件 callGreetingsClientJScriptjs 中 的 /函数 OnClickGreetingsParameters(); 
OnClickGreetingsParameters(s): 
} 
</script> 


这 里 将 服务 器 端 控件 Button 的 OnClientClick 属性 和 JavaScript 客户 端 脚本 块 中 的 函数 
GreetingsParameters() 绑 定 ， 在 引发 该 Button 控件 的 Click 事件 时 将 调用 并 执行 客户 端 脚本 
中 的 GreetingsParameters 函数 。 

按 Ctrl+F5 组 合 键 测试 运行 结果 。 

(6) 在 服务 器 端 使 用 C# 代 码 直接 调用 Web 服务 。 

@ 切换 到 callGreetingsService.aspx 的 【 源 】 视 图 ， 在 body 的 form 标记 中 ， 继 续 添加 
如 下 代码 。 


<hr 户 从 服务 器 端 调用 <br /> 请 输入 用 户 名 

<asp:TextBox ID="TextBoxName" runat="server" ForeColor='"#CCCCCC"> 猪 八 戒 
</asp:TextBox> 

<asp:Button ID="ButtonServerSide" runat="server” ”Text=" 从 服务 端 调用 Greetings Web 服务 " 
onclick="ButtonServerSide_ Click"/> 

<asp:Label ID="LabelGreetings" runat="server" Text="Label"></asp:Label><hr/> 


@ 在 callGreetingsService.aspx.cs 文件 中 添加 如 下 代码 。 


Samples.Aspnet.Greetings WebService myGreetingsService = 
new Samples.Aspnet.Greetings WebService(); 
protected void ButtonServerSide_Click(object sender, EventArgs e) 


+ 
/使 用 下 面 的 代码 可 确定 是 否 已 为 单个 页 启用 ATAX 功能 。 
ScriptManager sm = ScriptManager.GetCurent(Page): 
直 (sm 一 nul) 


/确定 是 否 已 为 本 网 页 启用 ASPNET AJAX 功能 
/ASPNET AJAX functionality is not enabled for the page. 
string str = "alert(" + "ASPNET AJAX functionality is not enabled for the page." + ")"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO, "Warning", str, true); 
} 
else 
{ 
// AJAX functionality is enabled for the page. 
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LabelGreetings.Text =myGreetingsService.GreetingsParamters(TextBoxName.Text.ToString()); 
string str = "alert(" + "ASP.NET AJAX functionality is ”enabled for the page." + ")"; 
了 Page.ClientScriptRegisterClientScriptBlock(this.GetType0, "Warning", str, true); 
} 
b 


@ 切换 到 callGreetingsService.aspx 的 源 视图 ， 按 Ctrl+FS 组 合 键 ， 测 试 调用 结果 。 


12.3 支持 AJAX 的 Web 服务 的 应 用 程序 体系 结构 


典型 的 AJAX 体系 结构 是 相当 容易 理解 的 。 如 图 12-7 所 示 的 是 典型 的 AJAX 体系 结 
构图 。 其 中 有 一 个 由 应 用 程序 特定 服务 组 成 的 后 端 ， 通 
常 只 可 调用 AJAX 脚本 的 外 层 ， 其 下 方 是 业务 逻辑 所 在 
和 发 挥 作用 的 系统 中 间 层 。 服 务 与 前 端 通过 HTTP 交换 JSON 对 银 


数据 ， 使 用 多 种 格式 传递 参数 和 返回 值 。 前 端 由 运行 于 
后 端 ( 含 Web 服务 ) 
客户 端 上 的 JavaScript 代码 组 成 ， 在 接收 和 处 理 完 数据 


后 ， 它 面临 着 使 用 HIML 和 JavaScript 构建 图 形 用 户 界 
面 的 重大 任务 。 对 JavaScript 的 依赖 是 由 于 受 浏览 器 结 。 图 12-7 典型 的 AJAX 体系 结构 
构 的 限制 ， 只 有 当 浏 览 器 可 以 支持 功能 更 加 强大 的 编程 功能 时 ， 这 种 情况 才 会 改变 。 

在 AJAX 中 ， 服 务 表示 驻 留 在 应 用 程序 域 并 向 客户 端 脚本 代码 公开 功能 的 一 段 代 码 。 

最 适合 AJAX 应 用 程序 的 服务 主要 7 涉及 向 Web 客户 端 公开 数据 和 资源 。 它 可 以 通 
过 HTTP 获得 ， 并 要 求 客 户 端 使 用 URL( 也 可 以 是 HTTP 头 ) 访 问 数据 和 命令 操作 。 客 户 端 
与 服务 进行 交互 使 用 的 是 HITP 动词 , 如 GET、POST、PUT 和 DELETE。 换 句 话说 , URL 
代表 一 个 资源 ， 而 HTTP 动词 描述 了 想 对 资源 进行 的 操作 。 在 这 些 交 互 中 交换 的 数据 以 简 
单 格式 表示 ， 如 JSON 和 纯 XML， 也 可 以 聚合 格式 表示 ， 如 RSS 和 ATOM。 

这 里 用 “AJAX 服务 ”表示 通过 JavaScript 脚本 服务 方法 实现 的 AJAX 应 用 程序 后 端 
的 服务 。 


12.3.1 AJAX 服务 返回 的 数据 


公开 AJAX 服务 的 唯一 方式 是 通过 HITP， 几 乎 可 以 使 用 任何 文本 格式 来 包装 请 求 和 
响应 的 主体 。JavaScript Object Notation(JSON) 是 最 常用 的 格式 ， 但 也 可 使 用 其 他 格式 ， 如 
纯 XML 和 原始 文本 。 

JSON 是 基于 文本 的 格式 , 用 于 表示 跨 应 用 程序 的 各 层 的 移动 对 象 的 状态 。 JSON 字符 
串通 过 常见 的 eval 函数 便 可 方便 地 赋 给 JavaScript 对 象 。JSON 格式 描述 了 对 象 ， 如 下 所 示 : 

{"ID":"xunlei", "Company":" 百 度 公司 "} 

该 字符 串 表示 一 个 对 象 有 两 个 属性 ， 即 ID 和 Company， 以 及 它们 各 自 的 文本 序列 化 
值 。 如 果 对 某 个 属性 赋予 非 基 本 类 型 的 值 (比如 自 定义 对 象 )， 那 么 该 值 将 递归 地 序列 化 为 
JSON， 如 下 所 示 。 
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4"TD":"xunlei","Company":" 迅 雷公 司 ","Location": "fmCity":" 深 圳 " "Country":" 中 国 "}",} 


使 用 eval 函数 进行 处 理 时 ，JSON 字符 串 将 变 成 一 个 关联 性 数组 ( 即 一 种 名 称 / 值 的 集 
合 )， 其 中 每 个 条 目 都 有 一 个 名 称 和 值 。 如 果 JSON 字符 串 用 于 代表 一 个 自 定义 对 象 ( 比 如 
Customen) 的 状态 ， 那 么 ， 必 须 负 责 确保 客户 端 具 有 相应 类 的 定义 。 换 名 话说 ，JavaScript 
的 eval 函数 只 是 将 JSON 字符 串 中 的 信息 提取 到 一 个 通用 容器 。 如 果 需 要 将 此 信息 公开 为 

-个 自 定义 对 象 (比如 Customer 对 象 )， 那 么 提供 类 定义 并 将 数据 载 入 到 其 中 的 任务 就 完全 
依靠 设计 者 或 设计 者 使 用 的 框架 来 完成 。 


12.3.2 JSON 与 XML 之 比较 














过 去 XML 被 推崇 为 Web 通用 语言 。 现 在, AJAX 正在 改变 着 Web, 就 数据 表示 而 言 ， 
JSON 更 受 欢迎 ， 而 XML 正在 被 推 向 角落 。 

JSON 比 起 XML, 稍 显 简单 , 更 适合 与 JavaScript 语言 配合 使 用 。 Web 浏览 器 处 理 JSON 
比 处 理 XML 更 容易 。 使 用 JSON 时 , 不 需要 XML 分 析 器 之 类 的 任何 东西 ， 为 分 析 文 本 所 
需 的 一 切 都 已 经 完全 构建 在 JavaScript 语言 中 。 

通过 JSON 技术 的 使 用 ， 还 能 在 体系 结构 方面 以 相对 较 低 的 成 本 赢得 关键 优势 。 可 以 
按照 对 象 无 处 不 在 的 思路 进行 推理 。 在 服务 器 上 可 定义 一 些 实体 ， 并 用 最 喜爱 的 托管 语言 
将 它们 实现 为 类 。 当 某 个 Web 服务 方法 需要 返回 任何 类 的 一 个 实例 时 , 该 对 象 的 状态 被 序 
列 化 为 JSON 并 通过 线路 传送 。 客 户 端 接收 并 处 理 JSON 字符 串 ， 并 将 其 内 容 载 入 一 个 数 
组 或 一 种 与 服务 器 类 有 相同 接口 的 镜像 JavaScript 对 象 。 类 的 接口 是 从 JSON 流 推断 出 来 
的 。 这 样 ， 服 务 和 客户 端 页 面 的 代码 便 使 用 一 个 实体 的 同一 逻辑 定义 。 

单纯 从 技术 角度 来 说 , AJAX 服务 并 不 严格 要 求 JSON 实现 为 数据 表示 格式 。 使 用 XML 
也 可 实现 同样 的 结果 。 


12.3.3 ASPNETAJAX 中 的 服务 
通过 ASPNET AJAX 扩展 实现 脚本 服务 有 两 种 方式 一 一 使 用 特殊 类 型 的 ASPNET 
Web 服务 和 通过 页 面 方法 。 前 一 种 情况 下 ， 只 须 设计 和 构建 一 个 链接 到 ASMX 资源 的 类 。 


<%@ WebService Language="C#" CodeBehind="~/App_Code/TimeWebService.cs" Class=" 
IntroAjax. WebServices.Time WebService" %> 


该 类 可 以 选择 从 WebService 类 继承 ， 并 且 必 须 用 新 的 ScriptService 属性 加 以 修饰 。 


[ScriptService] 
public class Time WebService : System. Web. Services. WebService 








[WebMethod] 
public string GetServerTime() 
上 
string serverTime = String.Format("The current time is {0}.", DateTime.Now); 
return serverTime; 
} 
| 
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每 个 可 调用 脚本 的 方法 均 声 明 为 公共 方法 ， 并 标记 有 通常 的 WebMethod 属性 。 

页 面 方法 只 不 过 是 在 单个 ASPNET 页 面 上 下 文中 定义 的 公共 、 静 态 方法 ， 每 个 方法 
都 标记 为 WebMethod。 只 能 从 宿主 页 面 中 调用 它们 。 除 了 存储 不 同 之 外 ， 对 Web 服务 或 
页 面 方式 的 调用 均 由 ASP.NET AJAX 环境 以 相同 方式 进行 处 理 。 

AJAX 服务 代表 后 端的 一 部 分 ， 从 WS-* Web 服务 意义 上 讲 ， 它们 并 不 是 公共 Web 服 
务 ，Web 服务 都 是 通过 WSDL 脚本 完整 记录 并 可 通过 携带 SOAP 数据 的 POST 命令 进行 
访问 。AJAX 服务 是 真正 的 本 地 服务 ， 通 常 在 调用 它们 的 同一 个 应 用 程序 中 进行 定义 。 然 
而 ， 它 们 也 可 以 在 不 同 的 Web 应 用 程序 甚至 不 同 的 网 站 上 ， 前 提 是 它们 位 于 同一 个 域 。 
通过 启用 ASPNET AJAX 运行 时 以 接受 对 服务 的 调用 ，ScriptService 属性 扮演 了 一 个 
关键 角色 。 如 果 没 有 ScriptService 属性 ， 当 用 户 试图 进行 调用 时 ， 服 务 器 上 就 会 引发 异常 。 
因为 ASPNET 内 部 机 制 拒绝 处 理 缺 少 ScriptService 属性 的 ASPNET Web 服务 进行 的 脚本 
调用 。 

默认 情况 下 , 调用 AJAX 服务 方法 的 JavaScript 代理 类 只 能 使 用 HITP POST 动词 调用 
并 返回 JSON 格式 的 数据 。 然 而 ， 可 以 通过 给 Web 服务 方法 添加 可 选择 的 ScriptMethod 属 
性 ， 使 它 可 以 使 用 HITP GET 动词 和 XML 格式 。 表 12-1 详细 说 明了 ScriptMethod 属性 所 
支持 的 参数 。 返 回 到 客户 端的 数据 可 以 更 改 为 XML， 甚至 可 以 添加 对 GET 请 求 的 支持 。 
但 这 种 表面 看 起 来 无 恶意 的 更 改 可 能 会 为 攻击 者 提供 新 的 机 会 ， 且 增加 了 跨 站 点 调用 该 方 
法 的 可 能 性 。 下 列 代码 显示 了 一 个 Web 服务 方法 的 定义 。 






































[WebMethod] 

[ScriptMethod] 

public string GetServerTimeO 

{ 
string serverTime = String.Format("The current time is {0}.", DateTime.Now); 
return serverTime; 


表 12-1 ScriptMethod 属性 的 参数 





参数 说 了 明 
ResponseFormat 指定 是 否 将 响应 序列 化 为 JSON 或 者 XML。 默 认为 JSON， 但 是 ， 当 方法 的 返回 
值 是 XmlDocument 时 ，XML 格式 会 比较 方 使 
UseHttpGet 表明 是 否 可 以 使 用 HITP GET 动词 调用 Web 服务 方法 。 由 于 安全 性 原因 , 此 项 的 


默认 设置 为 false 
XmlSerializeString | 表明 包括 字符 串 在 内 的 所 有 返回 类 型 是 否 都 序列 化 为 XML。 默认 为 false。 当 响应 
格式 设置 为 JSON 时 ， 将 忽略 该 属性 的 值 








注意 : 
用 ScriptService 属性 修饰 的 AJAX 肢 本 服务 仍 可 由 能 够 访问 ASMX 服务 端点 且 能 处 理 
SOAP 协议 的 代码 访问 ， 如 图 12-8 所 示 。 
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ER 
ASMX endpoint 





图 12-8 AJAX Web 服务 采用 JSON 或 SOAP 通信 格式 


12.3.4 ASPNET AJAX 服务 和 SOAP 
- 旦 创建 了 ASP.NET AJAX 脚本 服务 ， 它 就 发 布 为 ASMX 资源 。 默 认 情 况 下 ， 它 是 


公共 URL, 可 以 由 AJAX 客户 端 通过 JSON 格式 使 用 ,也 可 以 由 SOAP 客户 端 及 工具 发 现 
和 使 用 。ASP.NET AJAX 服务 默认 情况 下 具有 双重 功能 : JSON 和 SOAP。 不 过 ， 可 以 选 
择 禁 用 SOAP 客户 端 及 工具 。 只 需 在 承载 服务 的 ASP.NET 应 用 程序 的 Web.config 文件 中 


输入 下 列 配 置 设置 即 可 关闭 SOAP 客户 端 。 





<system.Web> 
<WebServices> 
<protocols> 
<clear /> 
</protocols> 
</WebServices> 
</system.Web> 


这 个 简单 的 设置 禁用 了 为 ASP.NET Web 服务 定义 的 任何 协议 (特别 是 SOAP), 并 让 服 
务 仅 回复 JSON 请 求 。 


注意 : 
当 这 些 设置 开启 时 , 无 法 再 通过 浏览 器 的 地 址 栏 调用 Web 服务 来 进行 快速 测试 , 也 不 
能 请 求 WSDL 向 URL 中 添加 ?wsdl 后 缓 。 


为 了 在 Web 应 用 程序 中 启用 ASP.NET AJAX， 必 须 在 Web.config 文 件 中 包含 下 列 设 置 。 


<httpHandlers> 
<remove verb="*" path="*.asmx"/> 
<add verb="*" path="*.asmx" validate="false" 
type="System. Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, 
Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
<add verb="*" path="* AppService.axd" validate="false" 
type="System. Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, 
Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
<add verb="GET,HEAD" path="ScriptResource.axd" 
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type="System.Web.Handlers.ScriptResourceHandler, System. Web.Extensions, 
Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false"/> 
</httpHandlers> 
<remove> 节 会 丢弃 ASMX 资源 的 默认 HTTP 处 理 程序 ， 即 通过 SOAP 处 理 请 求 的 处 
理 程序 。<add> 节 点 会 添加 一 个 新 的 HTTP 处 理 程序 ， 该 处 理 程序 主要 检查 每 个 传 入 的 
ASMX 请 求 的 内 容 类 型 ， 如 果 内 容 类 型 的 头 部 设置 为 application/json， 则 通过 JSON 处 理 
该 请 求 。 否则 ，HTTP 处 理 程序 假定 该 请 求 是 基于 SOAP 的 ， 并 将 其 转发 给 ASP.NET Web 
服务 处 理 程序 。 如 果 禁 用 了 SOAP 协议 ， 则 会 拒绝 该 请 求 。 
最 后 ,不 管 表面 如 何 , 没有 任何 必要 让 SOAP 介入 ASPNET AJAX 服务 。 但 对 SOAP 
客户 端的 支持 是 得 到 保证 的 ， 除 非 在 Web.config 文件 中 明确 禁用 。 
要 使 ASPNET AJAX 服务 按 预期 正常 工作 , 传 入 请 求 的 内 容 类 型 HTTP 头 必 须 设置 为 
applicatiomjson。 对 于 通过 <scripf> 标 记 实施 的 跨 站 点 攻击 来 说 ， 这 还 是 极 好 的 补救 措施 。 


12.3.5 ”调用 AJAX 服务 











(1) 添加 调用 AJAX Web 服务 的 客户 端 javascript 脚本 文件 ， 如 以 下 代码 。 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
<Scripts> <asp:ScriptReference Path="~/ScriptPath/TimeServiceJScriptjs" /> </Scripts> 
</asp:ScriptManager> 


(2) 添加 Web 服务 客户 端 代理 ， 如 以 下 代码 。 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
<Services> <asp:ServiceReference Path="TimeWebService.asmx" /> </Services> 
</asp:ScriptManager> 
这 样 ， 在 客户 端 脚本 中 就 即 可 直接 调用 Web 服务 的 静态 方法 。 
作为 ASPNET Web 服 务 (Web services) 而 创建 的 AJAX 脚本 服务 (AJAX script services)， 
必须 用 JavaScript 代理 类 (JavaScript proxy classes) 来 调用 。 调 用 该 AJAX 脚本 服务 的 
JavaScript 代理 类 ， 是 由 引用 该 AJAX 脚本 服务 的 客户 端 页 面 控件 ScriptManager 在 页 面 下 
载 后 ， 由 运行 库 自 动 生成 并 链接 到 客户 端 页 面 的 。 
JavaScript 代 理 类 具有 与 脚本 服务 相同 的 名 称 和 许多 附加 属性 。 它 的 特征 是 有 一 组 相同 
的 方法 ， 只 不 过 采用 了 稍 有 扩展 的 签名 ， 没 有 必要 探究 代理 类 的 源 代 码 。 不 过 ， 如 果 想 看 
-下 它 的 结构 ， 可 从 浏览 器 的 地 址 栏 中 尝试 调用 URL: http://.../service.asmx/js。 
浏览 器 将 下 载 一 个 JavaScript 文件 ， 将 其 保存 到 本 地 磁盘 ， 用 “记事 本 ”打开 来 详 阅 。 
JavaScript 代理 类 继承 Sys.Net.WebServiceProxy 基 类 ， 它 提供 了 进行 ISON 调用 的 基 
本 功能 。 














表 12-2 ”JavaScript 代理 类 的 属性 











属 性 说 了 明 
Path 指出 底层 Web 服务 的 URL 
Timeout 指出 在 调用 超时 之 前 允许 方法 运行 的 毫秒 数 
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( 续 表 ) 
属 性 说 了 明 
defaultSucceededCallback 指出 调用 成 功 时 所 调用 的 默认 JavaScript 回调 函数 
defaultFailedCallback 指出 调用 失败 或 超时 情况 下 所 调用 的 默认 JavaScript 回调 函数 (如 果 有 ) 
defaultUserContext 指出 要 传递 给 成 功 回调 或 失败 回调 的 默认 JavaScript 对 象 (如 果 有 ) 


JavaScript 代理 类 的 特征 是 具有 表 12-2 中 列 出 的 属性 。 除 了 常规 的 一 组 参数 之 外 ， 每 
个 镜像 的 方法 还 有 3 个 参数 。 这 3 个 参数 分 别 是 : 方法 成 功 时 所 要 调用 的 回调 函数 、 方 法 
失败 或 超时 情况 下 所 要 调用 的 回调 函数 、 传 递 给 两 个 回调 的 上 下 文 对 象 。 

(3) 下 面 是 从 ASP.NET AJAX 页 面 调用 一 个 远程 AJAX 服务 的 一 些 示 例 代码 。 


function onclickgetServerTime() 


//window .alert ("calling onclickgetServerTime() ....."); 
AjaxWebServices.TimeWebService.GetServerTime(onMethodComplete):; 
} 


function onMethodComplete(results) 
{ S$get("Labell").innerHTML = results; } 

在 方法 调用 GetServerTime(onMethodComplete) 的 实 参 中 (无 论 结果 如 何 ) 调 用 的 成 功 回 
调 函 数 onMethodComplet 具有 原型 : function method(results, context methodName)。 

context 参数 代表 调用 时 指定 的 上 下 文 对 象 。methodName 参数 是 一 个 设 为 服务 方法 名 
称 的 字符 串 。 最 后 ， 对 于 成 功 调用 时 所 调用 的 回调 ，results 参数 是 包含 JavaScript 版 本 的 方 
法 返回 值 的 对 象 。 对 于 失败 的 回调 ， 此 参数 则 代表 Sys.Net.WebServiceError 对 象 。 

AJAX 完全 是 关于 最 广泛 意义 上 的 用 户 体验 一 一 连贯 的 感受 、 无 闪烁 更 新 、 界 面 设计 、 
资源 聚合 、 实 时 数据 等 。 但 只 能 利用 浏览 器 和 它 的 一 套 可 编程 性 功能 ， 主 要 是 浏览 器 的 对 
象 模型 、DOM 实现 、 对 DHTML 扩展 的 支持 、CSS、JavaScript 和 插件 。 

JavaScript 是 构建 和 操纵 UI 的 主要 工具 。 用 户 界 面 任务 的 典型 模式 要 求 客户 端 使 用 
JavaScript 调用 远程 服务 、 接 收 JSON 数据 或 XML 数据 ， 然 后 重新 整理 页 面 以 显示 更 改 。 

纯 AJAX 体系 结构 是 基于 客户 端 与 服务 器 的 松散 耦合 ， 即 实质 上 彼此 独立 的 两 个 世界 
通过 HITP 线路 就 JSON 交换 消息 连接 了 起 来 。 在 纯 AJAX 体系 结构 中 有 一 个 基于 Web 服 
务 的 后 端 和 一 个 JavaScript 驱动 的 前 端 。 构 建 有 效 的 HTML UI 完全 取决 于 设计 者 或 设计 者 
选择 的 控件 库 。 不 过 ， 这 种 分 离 机 制 使 Web 开发 人 员 能 够 继续 采用 Silverlight 等 新 兴 技 术 
创建 交互 性 更 强 的 用 户 界面 ， 而 不 受 服 务 器 平台 的 限制 。 





12.4 本 章 小 结 


本 章 全 面 讲述 了 Web 服务 技术 。 首 先 ， 介 绍 了 支持 AJAX 的 Web Services 技术 ， 内 
容 包 括 Web 服务 的 目标 、 影 响 、 好 处 、 主 要 特征 、 架 构 、 类 型 ， 以 及 JSON 和 支持 AJAX 
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的 Web 服务 的 使 用 ; 接着 介绍 了 创建 和 使 用 支持 AJAX 的 Web 服务 ; 最 后 介绍 了 支持 AJAX 
的 Web 服务 的 应 用 程序 体系 结构 。 通 过 本 章 的 学 习 ， 读 者 应 该 能 够 掌握 Web 服务 技术 在 
应 用 程序 中 的 使 用 。 














12.5 思考 和 练习 


一 、 单 选 题 

1. 在 使 用 Web Service 前 ， 要 进行 Web Service 发 现 ， 常 用 的 发 现 工具 是 ( ) 。 

A、 Wsdlexe B., Discoexe C., Ftpexe  D、Ping.exe 

2. 使 用 WebMethod 属 性 的 哪些 子 属性 来 表明 XML Web 服 务 类 的 方法 可 以 使 用 状态 ( )。 

A、WebMothod(EnableSession = true) B、 WebMothod(EnableSession = false) 

C、WebMothod(Enablecookie =true) D、 WebMothod(Enablecookie = false) 

3. 要 注册 XML Web 服务 以 供 他 人 使 用 ， 需 要 注册 的 关键 项 是 ( )。 

A、 业 务 、 服 务 以 及 tModel B、 企 业 联系 人 和 服务 

C、XML Web 服务 的 URL 地 址 D. 以 上 说 法 都 不 对 

4. 作为 一 家 咨询 公司 的 技术 主管 , 开发 者 正在 寻找 一 种 全 球 文档 检索 的 服务 ， 并 且 和 希 
望 能 在 自己 公司 内 部 文档 系统 中 集成 这 一 功能 。 通 过 检索 互联 网 上 Service Finder 公 司 的 全 
球 网 络 服务 列表 , 开发 者 找到 了 由 Document Searcher 公 司 提供 的 搜索 服务 。 咨 询 公司 集成 
Document Searcher 公 司 提供 的 搜索 服务 时 ， 采 用 何 种 协议 可 以 了 解 服务 的 描述 ? ( ) 

A、RPC  B、UDDI C, HTTP D、SOAP 

5. 以 下 关于 发 布 与 部 署 Web Service 的 说 法 哪个 是 对 的 ? ( )。 

A、 发 布 与 部 署 没 有 什么 区 别 ， 两 个 仅 是 不 同 的 定义 

B、 发 布 是 将 Web Service 放 到 IS 上 ， 部 署 是 制作 安装 包 

C、 发 布 是 将 Web Service 向 外 界 公示 ， 部 署 是 将 Web Service 放 到 IIS 上 

D、 发 布 会 将 Web Service 的 相关 信息 列 入 UDDI 目录 中 方便 查询 ， 而 部 署 仅 实 现 了 
Web Service 的 物理 可 访问 

二 、 多 选 是 

1. 采用 SOAP 方法 访问 Web Service 的 优点 是 哪些 ? ( ) 

A、SOAP 协议 比 HTTP 使 用 面 更 广 B、SOAP 协议 支持 的 数据 类 型 多 

C、SOAP 协议 支持 丰富 的 功能 扩展 D、SOAP 协议 的 访问 流量 比 HITP 协议 小 

2. Web Method 支持 的 数据 类 型 有 哪些 ? ( ) 








A、 所 有 简单 类 型 B、 带 有 霹 或 者 out 参数 的 类 型 
C、ref 类 型 的 参数 D、 不 定 长 的 参数 列表 


E、 任 何 对 象 F、 DataSet 
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3. 用 .net 开发 XML Web 服务 ， 必 须 使 用 的 命名 空间 有 ( ) 
A、System.Web.Services  B、 System Web.Services.Protocols 
C、 System.Threading D、 CreditCardValidtor 

4. 以 下 关于 UDDI 哪些 是 错误 的 ? ( ) 

A、 使 用 Web Service 必须 通过 UDDI 
B、UDDI 能 让 你 的 Web Service 获得 更 多 的 使 用 
C、UDDI 能 提供 一 系列 Web Service 的 最 终 访问 点 

D、UDDI 负责 提供 WSDL 文件 

E、 若 UDDI 服务 提供 商 无 法 访问 ， Web Service 也 就 无 法 访问 
5. Web Service 需要 以 下 哪些 技术 、 协 议 的 支持 ? ( ) 

A、 HITP B., SOAP CC, XML DD、 TCP/IPE、 UDDI 


三 、 简 答题 


1. UDDI 商业 注册 中 心 所 提供 的 信息 从 概念 上 分 为 三 个 部 分 : 白 页 (White page)、 黄 页 
(Yellow page)、 绿 页 (green page)， 请 你 说 明白 页 、 黄 页 、 绿 页 各 代表 什么 意思 ? 
2. 请 说 明 使 用 WebService 的 优点 以 及 局 限 ? 
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XML 被 称 为 可 扩展 标记 语言 (Extensible Markup Language)， 它 提供 了 一 种 保存 数据 的 
格式 ， 数 据 可 以 通过 这 种 格式 很 容易 地 在 不 同 的 应 用 程序 之 间 实 现 共享 。 

XML 是 专 为 Web 设 计 的 ，NET 也 把 XML 作为 应 用 程序 之 间 传 递 数 据 的 一 种 主要 方法 。 
前 面 章节 简单 介绍 了 XML 的 基本 概念 ， 本 章 将 详细 介绍 XML 在 ASPNET 中 的 使 用 。 


本 章 的 学 习 目 标 

e 了解 XML 的 基本 概念 。 

e 掌握 如 何 利 用 ADO.NET 访问 XML。 
e 掌握 如 何 利 用 XML 类 访问 XML。 


13.1 XML 的 基本 概念 


XML 是 一 种 可 以 用 来 创建 自己 的 标记 的 标记 语言 。 它 由 万 维 网 协会 (W3C) 创 建 ,用 来 
克服 HIML( 即 超 文本 标记 语言 ， 英 文 是 Hypertext Markup Language)， 它 是 所 有 网 页 的 基 
础 ) 的 局 限 。 和 HTML 一 样 ，XML 基于 SGML 一 一 标准 通用 标记 语言 (Standard Generalized 
Markup Language)。XML 是 SGML 上 的 一 个 子 集 ，XML 包含 了 SGML 很 多 特性 ， 但 是 要 
比 SGML 简单 得 多 。 

XML 是 一 种 类 似 于 HTML 的 标记 语言 ， 但 是 XML 不 是 HIML 的 替代 品 ，XML 和 
HTML 是 两 种 不 同 用 途 的 语言 ， 其 中 最 主要 的 区 别 是 : XML 是 专门 用 来 描述 文本 的 结构 ， 
而 不 是 用 于 描述 如 何 显示 文本 的 ， 而 HTML 则 是 用 来 描述 如 何 显示 文本 的 。 

XML 不 像 HTML 那样 提供 了 一 组 事先 已 经 定义 好 的 标记 ， 而 是 提供 了 一 个 标准 。 利 
用 这 个 标准 ,可 以 根据 需要 定义 自己 的 新 的 标记 。 准 确 地 说 ,， XML 是 一 个 元 标记 语言 ， 它 
允许 开发 人 员 根 据 规则 ， 制 定 各 种 各 样 的 标记 语言 。 

XML 是 用 来 存放 数据 的 ， 换 句 话 来 说 ， 它 可 以 作为 微型 数据 库 ， 这 是 最 常见 的 数据 
型 应 用 之 一 。 可 以 利用 相关 的 XML API(MSXML DOM、JAVA DOM 等 ) 对 XML 进行 存 
取 和 查询 。 

总 之 ，XML 是 一 种 抽象 的 语言 ， 它 不 如 传统 的 程序 语言 那么 具体 。 要 深入 地 认识 它 ， 
应 该 先 从 它 的 应 用 入 手 ， 选 择 一 种 需要 的 用 途 ， 然 后 再 学 习 如 何 使 用 。 


13.1.1 XML 的 基本 结构 
下 面 就 创建 一 个 XML 文档 ， 用 于 保存 学 生 信息 。 
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【 例 13-1】 创 建 用 于 存放 学 生 信息 的 XML 文档 。 

(1) 启动 VS， 新 建 名 为 WebSite13， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 
择 【 添 加 】| 【新 建 项 】 命 令 ， 在 弹出 的 对 话 框 中 选择 【数据 】|【XML 文件 】 模 板 ， 更 改 
名 称 为 studentinfo.xml， 创 建 XML 文档 。 

(2) 在 studentinfo xml 中 输入 如 下 内 容 。 





<?xml version="1.0" standalone="yes" ?> 
<!-- 下 面 存放 的 是 学 生 信 息 --> 
<students> 
<student> 
<no>11</no> 
<name>Landy</name> 
<sex> 女 </sex> 
<birth>1989-6-01</birth> 
<address telephone="010-82982222"> 北 京 </address> 
</student> 
<student> 
<no>12</no> 
<name> 陈 晓 旭 </name> 
<sex> 女 </sex> 
<birth>1987-3-12</birth> 
<address telephone="010-63944000"> 北 京 </address> 
</student> 


ee 
第 一 行 是 XML 版 本 说 明 ， 其 作用 是 告诉 浏览 器 或 者 其 他 处 理 程序 : 这 个 文档 是 XML 
文档 。 其 中 : version 表示 文档 遵守 的 XML 规范 的 版 本 ， 如 该 例 中 的 version 是 1.0; 
standalone 表示 文档 内 部 包含 文档 类 型 定义 DTD。 


注意 : 
版 本 说 明 必须 是 文档 的 第 一 行 。 





第 二 行 是 XML 注释 ， 其 语法 与 HIML 的 注释 一 样 。 这 并 不 是 一 种 巧合 ， 因 为 XML 
和 了 HIML 都 是 从 SGML 派生 出 来 的 。XML 文档 注释 不 是 强制 性 的 ， 可 以 任意 删除 。 

从 第 三 行 <students> 标 记 一 直到 最 后 </students> 标 记 ， 表 示 XML 所 包含 的 数据 内 容 。 

可 以 看 出 ，XML 文档 如 同 它 的 名 字 所 指明 的 含义 一 样 ， 是 一 个 用 标记 语言 创立 的 文 
档 。 它 使 用 了 自 定义 的 各 种 标记 来 表示 数据 的 含义 。 
13.1.2 标记、 元 素 以 及 元 素 属性 

标记 是 左 尖 括号 (<) 和 右 尖 括号 (>) 之 间 的 文本 。 有 开始 标记 (如 <name>) 和 结束 标记 (如 
</name>)。 


元 素 是 开始 标记 、 结束 标 记 以 及 位 于 二 者 之 间 的 所 有 内 容 。 在 【 例 13-1】 中 , <student> 
元 素 包 含 5 个 子 元 素 : <no>、<name>、< sex>、<birth > 和 <address>。 
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属性 是 一 个 元 素 的 开始 标记 中 的 名 称 - 值 对 。 在 上 面 的 示例 中 ，telephone 是 <address> 
元 素 的 属性 。 

为 了 使 一 个 XML 文档 结构 完整 , XML 必须 遵守 一 定 规则 。 常 见 的 XML 文档 规则 如 下 。 

(1) 文档 必须 以 XML 版 本 声明 开始 。 

(2) 含有 数据 的 元 素 必 须 有 起 始 标记 和 结束 标记 。 每 个 起 始 标记 必须 以 相应 的 结束 标 
记 结 束 。 如 果 一 个 文档 未 能 结束 一 个 标记 ， 浏 览 器 将 报告 一 个 错误 信息 ， 并 且 不 会 以 任何 
形式 显示 任何 文档 的 内 容 。 

(3) 不 含 数据 并 且 仅 使 用 一 个 标记 的 元 素 必须 以 /> 结束 。 

(4) 文档 只 能 包含 一 个 能 够 包含 全 部 其 他 元 素 的 根 元 素 ， 如 <students> 元 素 。 

(5) 元 素 只 能 嵌 套 不 能 重 短 

(6) 属性 值 必须 加 引号 。 例 如 ，<address telephone="021-30008655"> 中 telephone 属性 
的 值 不 能 写成 < address telephone="021-30008655">。 


13.1.3 XML 数据 的 显示 


单独 用 XML 是 不 能 像 页 面 那样 显示 数据 的 ， 必 须 使 用 某 种 格式 化 技术 ， 如 CSS 或 者 
XSL， 才 能 显示 XML 标记 创建 的 文档 。 

前 面 已 经 讲 到 XML 是 将 数据 和 格式 分 离 的 。XML 文档 本 身 不 知道 如 何 来 显示 数据 ， 
必须 有 辅助 文件 来 帮助 实现 。 因 为 XML 取消 了 所 有 标识 ， 包 括 font、color 和 op 等 风格 样 
式 的 定义 标识 ， 因 此 XML 全 部 是 采用 类 似 DHTML 中 CSS 的 方法 来 定义 文档 样式 。 

XML 中 用 来 设 定 显示 风格 样式 的 文件 类 型 通常 有 XSL 和 CSS 两 种 。 

1. 使 用 XSL 显示 XML 























XSL 全 称 为 Extensible Stylesheet Language( 可 扩展 样式 表 语 言 )， 是 用 来 设计 XML 文 
档 显示 样式 的 主要 文件 类 型 。 它 本 身 也 是 基于 XML 语言 的 。XSL 可 以 灵活 地 设置 文档 显 
示 样 式 ，XSL 可 以 将 XML 转化 为 其 他 的 文档 ， 如 HTML 文档 。 这 样 ， 就 可 以 在 浏览 器 
上 显示 了 。 
下 面 用 一 个 简单 的 XSL 样式 表 来 说 明 如 何 显示 XML 文档 。 限 于 篇 幅 ， 本 书 无 法 详 述 
XSL， 有 兴趣 的 读者 可 以 参考 其 他 书籍 。 
【 例 13-2】 用 XSL 样式 表 显示 XML 文档 。 
(1) 打开 网 站 WebSite13， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 择 【 添 加 】 
I1【 新 建 项 】 命 令 ， 在 弹出 的 对 话 框 中 选择 【数据 】| 【XSLT 文件 】 模 板 ， 新 建 XSL 样式 
表 ， 默 认 名 称 为 XSLTFile xslt。 
(2) 在 XSLTFile xslt 文档 中 添加 如 下 内 容 。 
<2xml version="1.0" encoding="utf-8"?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
xmlns:msxsl="urm:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl"> 


<xsl:template match="/"> 
<html> 
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<body> 
<h2> 学 生 信息 </h2> 
<table border="1"> 
<tr bgcolor="#ff6ec7"> 
<th align="left"> 学 号 </th> 
<th align="left"> 姓 名 </ 也 > 
<th align="left"> 性 别 </th> 
<th align="left"> 年 龄 </ 了 h> 
<th align="left"> 住 址 </ 了 b> 
</tr> 
<xsl:for-each select="students/student"> 
<tr> 
<td> <xsl:value-of select="no"/> </td> 
<td> <xsl:value-of select="name" /> </td> 
<td> <xsl:value-of select="sex" /> </td> 
<td> <xsl:value-of select="birth"/> </td> 
<td> <xsl:value-of select="address"/> </td> 


</xsl:for-each> 
</table> 
</body> 
</html> 
</xsl:template> 
</xsl:stylesheet> 
以 上 代码 中 , 前 3 行 代码 由 系统 自动 生成 , 包括 版 本 说 明和 命名 空间 引用 等 。 <template> 
元 素 定义 了 一 个 HTML 表格 。 表 格 的 单元 格 将 用 于 XML 文档 数据 显示 。 
(3) 新 建 并 打开 show2.aspx 网 页 ， 在 页 面 上 添加 一 个 XML 控件 ， 该 控件 在 工具 箱 的 
【标准 】 选 项 卡 中 。 
(4) 设置 XML 控件 的 DocumentSource 和 TransformSource 属性 ， 将 DocumentSource 
指向 studentinfo .xml 文档 ，TransformSource 指向 XSLTFile xslt 文档 。 结 果 如 下 。 


<asp:Xml ID="Xmll" runat="server" DocumentSource="~/studentinfo.xml" 
TransformSource="~/XSLTFile xslt"></asp:Xml> 


(5) 保存 并 按 CtrltF5 组 合 键 运行 ， x 
Oe eee o- so 


studentinfo.xml 中 的 内 容 就 以 表格 的 形式 呈现 在 
浏览 器 上 ， 如 图 13-1 所 示 。 







































































2. 使 用 CSS 显示 XML 人 
1987-3-12| 北 京 | v 
CSS 大 家 很 熟悉 了 ， 全 称 是 Cascading Style 本 1008 ~ 
Sheets( 层 登 样式 表 ), 是 目前 用 来 在 浏览 器 上 显示 图 13-1 studentinfo xml 的 显示 效果 


XML 文档 的 主要 方法 。 
下 面 用 一 个 简单 的 CSS 样式 表 来 说 明 如 何 显 示 XML 文档 。 
【 例 13-3】 用 CSS 样式 表 显 示 XML 文档 。 
(1) 打开 网 站 WebSite13， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 择 【 添 加 】 
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|[ 样 式 表 】 命 令 ， 新 建 CSS 样式 表 StyleSheet.css。 
(2) 在 StyleSheet.css 样式 表 中 添加 如 下 代码 。 


name 


{ 
font-family: 宋体 , Arial, Helvetica, sans-serif 
font-size: large; 


1 

no,sex, birth, address 

{ 
font-family: 宋体 , Arial, Helvetica, sans-serif 
font-size: small; 

} 


(3) 打开 studentinfo.xml 文档 , 添加 下 面 一 行 代码 , 建立 与 StyleSheet.css 样式 表 的 关联 。 


<?xml-stylesheet href="StyleSheet.css' PA RE 


| "7 
type="textless" ?> 
<students> | EE sa。 sv dixA IRD Wy) 





li Landy 女 1989-6-01 北京 12 陈晓旭 女 1987-3-12 北京 





(4) 在 浏览 器 上 打开 studentinfo.xml， 包括 使 用 所 充 项 的 全 人， 两 100% 
效果 如 图 13-2 所 示 。 图 13-2 ”studentinfo.xml 的 显示 效果 


13.2 ”使 用 ADO.NET 访问 XML 


在 前 面 已 经 讨论 了 如 何 使 用 ADO.NET 访问 数据 库 的 问题 。 数 据 库 是 进行 数据 存储 和 
管理 的 一 种 习惯 的 方式 。 现在 , XML 已 逐步 成 为 数据 存储 的 一 种 新 的 方式 ， 因 此 可 以 考虑 
将 数据 保存 在 XML 文档 中 ， 并 采用 一 定 的 方法 对 它 进行 管理 。ADONET 提供 了 对 XML 
数据 访问 的 功能 。 

下 面 介绍 如 何 使 用 ADONET 访问 XML 数据 。 


13.2.1 将 数据 库 数 据 转换 成 XML 


为 了 将 数据 库 数据 转换 成 XML 文档， 需要 使 用 DataSet 的 WriteXml 方法 。WriteXml 
方法 只 要 指明 要 保存 的 XML 文档 的 路 径 和 文件 名 ， 就 可 以 将 DataSet 中 数据 以 XML 的 形 
式 保存 到 XML 文档 中 。 

【 例 13-4】 将 数据 库 数据 转换 成 XML 文档 。 

(1) 打开 网 站 WebSite13， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 择 【 添 
加 】|【 新 建 项 】 命 令 ， 在 弹出 的 对 话 框 中 选择 【SQL Server 数据 库 】 模 板 ， 更 改名 称 为 
MyDatabase mdf， 创 建 数据 库 。 

(2) 在 MyDatabasemdf 数据 库 中 创建 student 表 ， 并 输入 模拟 数据 。 表 的 关系 模式 如 下 。 
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Student(No,Name,Sex,Birthday,Address) 


(3) 在 web.config 配置 文件 中 ， 修 改 <connectionStrings> 标 记 如 下 。 





<connectionStrings> 


<add name="ConnectionString" connectionString="Data Source=.\SQLEXPRESS: 
AttachDbFilename=|DataDirectory 人 MyDatabase mdfIntegrated Security=True:User 


Instance=True"/> 
</connectionStrings> 


(4) 新 建 网 页 write xml.aspx， 在 页 面 上 添加 一 个 Label 控件 。 
(5) 给 write_xml.aspx 添加 后 台 代 码 如 下 。 


// 引 用 命名 空间 

using System.Configuration: 
using System.Data; 

using System.Data.SqlClient: 


protected void Page Load(object sender, EventArgs e) 


{ 


/从 Web.Config 中 取出 数据 库 连接 串 
string sqlconnstr = 


ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 


/创建 连接 对 象 

SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/创建 DataSet 对 象 

DataSet ds = new DataSet(); 

/打开 连接 

sqlconn.OpenO; 

// 创 建 适 配器 对 象 


SqlDataAdapter sqld = new SqlDataAdapter("select no.name,sex, CONVERT(char(10), birth,20) 


AS birth,address from student", sqlconn); 


} 


(6) 运 


// 利 用 适配器 方法 添加 数据 给 DataSet 
sqld.Fill(ds, "student"); 

// 将 DataSet 数据 写成 XML 文本 
ds.WriteXml(Server.MapPath("students.xm]l")); 
sqlconn.Close(): 

Labell.Text=" 写 入 成 功 "; 


行程 序 ， 打 开 程 序 运行 时 保存 的 students.xml 文件 ， 内 容 如 下 。 


<7?xml version="1.0" standalone="yes"?> 
<NewDataSet> 


<student> 
<no>1</no> 
<name> 段 洋 </name> 
<sex> 男 </sex> 
<birth>1988-05-21</birth> 
<address> 北 京 </address> 

</student> 

<student> 
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<no>2</no> 

<name> 李 为 明 </name> 

<sex> 男 </sex> 

<birth>1982-05-01</birth > 

<address> 北 京 </address> 

</student> 
</NewDataSet> 
可 以 看 出 ， 这 个 文档 保存 了 student 数据 表 中 所 有 的 数据 。 其 中 使 用 <NewDataSeP> 作 

为 根 结 点 标记 ，<student> 作 为 每 个 记录 的 标记 (student 是 sqld.Fill(ds, "student") 语 句 中 使 用 
的 名 字 )， 另 外 ， 每 个 字段 的 名 字 作 为 数据 元 素 的 标记 名 。 


13.2.2 读 取 XML 文档 


使 用 DataSet 的 ReadXml 方法 可 以 读 取 所 有 XML 文档 数据 。 下 面 通过 【 例 13-5】 介 
绍 读 取 XML 文档 的 方法 。 

【 例 13-5】 读 取 XML 文档 。 

(1) 打开 网 站 WebSite13, 新 建 网 页 read_xml.aspx, 在 页 面 上 添加 1 个 GridView 控件 。 

(2) 给 read_xmlaspx 添加 后 台 代码 如 下 。 








using System_.Data: 


Protected void Page_Load(object sender, EventArgs e) 
DataSet ds = new DataSet(); 
// 读 取 XML 文本 数据 到 DataSet 数据 集 
ds.ReadXml(Server.MapPath("students.xm]l")); 
/ 绑 定 数据 源 
GridView1.DataSource = ds.Tables[0].DefaultView: 
GridView1.DataBind0: 

ji 


(3) 程序 执行 结果 如 图 13-3 所 示 。 


Ee oe 
13.2.3 ”编辑 XML 文档 


文件 (站 ” 锦 纺 E) 查看 (V) 收藏 只 (A) 工具) ” 








birth 


编辑 XML 文档 的 方法 也 很 简单 ， 只 要 使 用 | 
DataSet 的 ReadXml 方法 把 XML 数据 读 到 DataSet 计时 有 92 四 下 这 
中 之 后 ， 修 改 相 应 的 记录 值 ， 再 使 用 DataSet 的 
WriteXml 方法 保存 XML 文档 就 可 以 了 。 

【 例 13-6】 编 辑 XML 文档 。 

(1) 打开 网 站 WebSite13， 新建 网 页 edit xmlaspx， 在 页 面 上 添加 1 个 GridView 控件 。 

(2) 给 edit_xmlaspx 添加 后 台 代 码 如 下 。 
































图 13-3 ”read_xml.aspx 的 运行 效果 


Using System_Data: 


protected void Page Load(object sender, EventArgs e) 
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/建立 DataSet 对 象 
DataSet ds = new DataSet0: 
ds.ReadXml(Server.MapPath("students.xml")): 
// 建 立 DataTable 对 象 
DataTable dtable: 
// 建 立 DataRowCollection 对 象 
DataRowCollection coldrow: 
// 建 立 DataRow 对 象 
DataRow drow; 
// 将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables[0]: 
/用 DataRowCollection 对 象 获 取 这 个 数据 表 的 所 有 数据 行 
coldrow = dtable Rows: 
// 修 改 操作 ， 逐 行 遍历 ， 取 出 各 行 的 数据 
for (int inti = 0; inti < coldrow.Count: intit+) 
ut 
drow = coldrow[inti]; 
// 给 每 位 学 生 姓名 后 加 上 字母 A 
drow[1] = drow[1]+ "A"; 


// 将 DataSet 数据 写成 XML 文本 
ds.WriteXml(Server.MapPath("students.xml")): 

// 绑 定数 据 源 

GridView1.DataSource = ds.Tables[0].DefaultView: 
GridView1.DataBind0); 


(3) 程序 执行 结果 如 图 13-4 所 示 。 
ee ee Oe we - so Bs 
经 过 修改 后 ， 每 个 学 生 姓名 增加 了 大 写字 母 A。 localhort x 


文件 站 妨 济 (可 看 V)】 收藏 (A) 工具 0 ” 





可 以 看 到 ， 使 用 ADO.NET 编辑 XML 文档 ， 实 际 上 of name [sex| birth [address| 
段 洋 A_ 男 |1988-05-21| 北 京 


就 是 对 DataSet 数据 集 数据 的 编辑 ， 使 用 非常 简单 。 要 为 明 A 胃 |l982.05.01[ 京 
13.2.4 将 XML 写 入 数据 库 pr 
































图 13-4 ”edit_xml.aspx 的 运行 效果 
XML 文本 内 容 写 入 数据 库 与 数据 库 的 数据 转换 为 XML 是 个 相反 的 过 程 ， 需 要 用 到 
DataAdapter 的 Update 方法 。 下 面 列举 一 个 简单 的 例子 ， 将 studentinfo.xml 文档 中 仅 有 的 
学 号 为 11 和 12 的 两 位 学 生 的 数据 ， 写 入 到 数据 库 的 student 表 中 。 
【 例 13-7】 将 XML 写 入 数据 库 。 
(1) 打开 网 站 WebSite13, 新 建 网 页 xml_table.aspx, 在 页 面 上 添加 1 个 GridView 控件 。 
(2) 给 xml table.aspx 添加 后 台 代 码 如 下 。 


/引用 命名 空间 

Using System.Data.SqlClient: 
using System_Data: 

using System.Configuration: 
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protected void Page Load(object sender, EventArgs e) 


{ 


/从 Web.Config 中 取出 数据 库 连接 串 
string sqlconnstr = 


ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 


// 创 建 连接 对 象 

SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 创 建 DataSet 对 象 

DataSet ds = new DataSet(; 

// 打 开 连 接 

sqlconn.Open(); 

// 创 建 适 配器 对 象 


SqlDataAdapter sqld = new SqlDataA dapter("select * from student", sqlconn); 


// 利 用 适配器 方法 添加 数据 给 DataSet 

sqld.Fill(ds, "student"): 

DataTable dt = ds.Tables["student"]; 

/1/ 读 取 XML 
dt.ReadXml(Server.MapPath("studentinfo.xml")): 

/自动 生成 提交 语句 

SqlCommandBuilder objcb = new SqlCommandBuilder(sqld); 
/提交 数据 库 

sqld.Update(ds, "student"); 

// 绑 定数 据 源 

GridView1.DataSource = ds.Tables["student"].DefaultView: 
GridView1.DataBind0; 
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(3) 按 Ctl+F5 组 合 键 执行 程序 ， 观 看 程序 运行 效果 。 可 以 看 到 ， 新 增 了 11 和 12 号 两 


位 学 生 。 


13.2.5 ”将 XML 数据 转换 为 字符 串 


前 面 讲 到 的 所 有 方法 都 是 使 用 DataSet 来 进行 数据 处 理 的 。 在 实际 工作 中 ， 如 果 希 望 
进行 XML 数据 传输 , 那么 把 XML 数据 读 出 之 后 形成 字符 串 , 即 把 数据 当成 字符 串 法 进行 
处 理 。 例 如 ， 可 以 把 数据 写 在 一 个 普通 的 E-mail 中 发 送 给 其 他 的 用 户 ， 对 方 就 可 以 采用 普 
通 字符 串 处 理 的 方法 得 到 数据 。 为 了 能 够 完成 上 述 功能 ，DataSet 还 提供 了 将 XML 数据 转 
换 为 字符 串 的 方法 GetXml。 

【 例 13-8】 将 XML 数据 转换 为 字符 串 。 

(1) 打开 网 站 WebSite13， 新 建 网 页 Trans_xml.aspx， 在 页 面 上 添加 1 个 Label 控件 。 

(2) 给 Trans_xml.aspx 添加 后 台 代 码 如 下 。 


using System.Data; 


protected void Page_ Load(object sender, EventArgs e) 


1 


DataSet ds = new DataSetO: 
/ 读 取 XML 文本 数据 到 DataSet 数据 集 
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ds.ReadXml(Server.MapPath("students.xml")): 
/将 DataSet 的 数据 转换 为 字符 串 
Labell.Text = ds.GetXml(); 

} 


(3) 运行 程序 ， 执 行 效果 如 图 13-5 所 示 。 
De 国 


文件 由 ”篇 纺 日 可 看 V) 收 襄 夫 (A 工具 0 ” 
1 段 洋 A 男 1988-05-21 
北京 





2 地 为 明 A 男 1982-05-01 
京 





图 13-5 Trans_xmlaspx 的 执行 效果 


13.3 ”使 用 .NET 的 XML 类 访问 XML 


ASP.NET 通过 System.Xml 命名 空间 为 开发 人 员 提 供 了 操作 XML 的 所 有 功能 。 该 命 


名 空间 包括 许多 类 ， 常 用 类 如 表 13-1 所 示 。 
表 13-1 System.Xml 命名 空间 常用 类 
类 说 了 明 
XmlReader 抽象 的 读 取 器 类 ， 提 供 快速 、 没 有 缓存 的 XML 数据 。XmlReader 是 只 向 前 
的 ， 类 似 于 SAX 分 析 器 
XmlWriter 抽象 类 的 写 入 器 ， 以 流 或 文件 的 格式 提供 快速 、 没 有 缓存 的 XML 数据 
XmlTextReader 扩展 XmlReader， 提 供 访 问 XML 数据 的 快速 只 向 前 流 
XmlTextWriter 扩展 XmlWriter， 人 快速 生成 只 向 前 的 XML 流 
XmlNode 抽象 类 ， 表 示 XML 文档 中 一 个 节点 的 类 。XML 命名 空间 中 几 个 类 的 基 类 
XmlDocument 扩展 XmlINode，W3C DOM 的 实现 ， 给 出 XML 文档 在 内 存 中 的 树 形 表示 ， 
可 以 浏览 和 编辑 它们 
XmlDataDocument 扩展 XmlDocument， 即 从 XML 数据 中 加 载 的 文档 , 或 从 ADO.NET DataSet 





吕 
的 关系 数据 中 加 载 的 文档 ， 允 许 把 XML 和 关系 数据 混合 在 同一 个 视图 中 











XmlResolver 抽象 类 ， 分析 基于 XML 的 外 部 资源 ， 如 DID 和 模式 引用 ， 也 可 以 用 于 处 
理 和 元 素 
XmlUrlResolver 扩展 XmlResolver， 用 URI(Uniform Resource Identifier) 解 析 外 部 资源 


有 关 XML 类 编程 技术 内 容 较 多 ， 本 书 在 此 仅 通 过 下 面 的 【 例 13-9】 和 【 例 13-10】 来 
简单 说 明 XML 类 编程 的 过 程 。 

【 例 13-9】 将 数据 库 student 表 中 男 同学 的 数据 保存 到 XML 文档 中 。 

(1) 打开 网 站 WebSite13， 新 建 网 页 write xml2.aspx， 在 页 面 上 添加 1 个 Label 控件 。 

(2) 给 write xml2.aspx 添加 后 台 代码 如 下 。 
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// 引 用 命名 空间 

using System.Data.SqlClient: 
using System Xml; 

using System.Configuration : 
using System_Data: 


protected void Page Load(object sender, EventArgs e) 


{ 
/从 Web.Config 中 取出 数据 库 连接 串 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
// 创 建 连接 对 象 


SqlConnection sqlconn = new SqlConnection(sqlconnstr); 

/创建 DataSet 对 象 

DataSet ds = new DataSet(); 

// 打 开 连 接 

sqlconn.Open(); 

/创建 适配器 对 象 

SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn): 
// 利 用 适配器 方法 添加 数据 给 DataSet 

sqld.Fill(ds, "student"): 

DataTable dt = ds.Tables["student"]; 

/创建 XML 文档 

XmlDocument xmldoc = new XmlDocumentO: 

// 写 入 版 本 说 明 

XmlDeclaration xmldecl = xmldoc.CreateXmlDeclaration("1.0", "utf-8", "yes"):; 
xmldoc.AppendChild(xmldec)); 

// 写 入 根 结 点 

XmlElement students = xmldoc.CreateElement("students"); 
xmldoc.AppendChild(students); 

// 对 每 一 行 循环 

for (inti= 0;1< dt.Rows.Count:; i++) 





. 
if(dt.Rows[i][2].ToString0=—" 男 ") 
XmlElement student = xmldoc.CreateElement("student"):; 
// 循 环 每 一 列 
for (intj = 0;j < dt.Columns.Count; j++) 
XmlElement colname = xmldoc.CreateElement(dt.Columns[j].ColumnName); 
colname.InnerText = dt.Rows[i][].ToStringO; 
student.AppendChild(colname): 
} 
students.AppendChild(student); 
} 
yi 
/将 xmldoc 数据 写成 XML 文本 
Xmldoc.Save(Server.MapPath("student men.xml")): 
sqlconn.Close0:; 


Labell.Text = " 写 入 成 功 "; 
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(3) 运行 程序 ， 打 开 程序 运行 时 保存 的 student men .xml 文件 ， 可 以 看 出 XML 文档 中 
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只 保存 了 男生 的 数据 。 


【 例 13-10】 将 studentinfo xml 文档 中 男生 数据 写 到 student 数据 表 中 。 


() 打 
控件 。 











网 站 WebSite13， 新 建 网 页 xml table2.aspx， 在 页 面 上 添加 1 个 GridView 








(2) 给 xml table2 .aspx 添加 后 台 代码 如 下 。 


// 引 用 命名 空间 
using System.Data.SqlClient': 
using System. Xml; 


protected void Page Load(object sender, EventArgs e) 


{ 


/从 Web.Config 中 取出 数据 库 连接 串 
string sqlconnstr = 


Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 


// 创 建 连接 对 象 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 创 建 DataSet 对 象 
DataSet ds = new DataSet(); 
// 打 开 连 接 
sqlconn.Open(); 
// 创 建 适 配器 对 象 
SqlDataAdapter sqld = new SqlDataA dapter("select * from student", sqlconn):; 
// 利 用 适配器 方法 添加 数据 给 DataSet 
sqld.Fill(ds, "student"); 
DataTable dt = ds.Tables["student"]; 
/创建 XML 文档 
XmlDocument xmldoc = new XmlDocumentO: 
// 读 取 xml 
Xmldoc.Load(ServerMapPath("studentinfo.xml")); 
// 得 到 整个 元 素 
XmlElement xmle = xmldoc.DocumentElement: 
/遍历 每 个 元 素 
for (inti= 0; i< xmle.ChildNodes.Count: i++) 
tt 
XmlNode xmln = xmle.ChildNodes[j]; 
if (xmln.ChildNodes[2].InnerText — " 男 ") 
{ 
DataRow newrow = dt.NewRow(): 
newrow["no"] = xmln.ChildNodes[0].InnerText: 
newrow["name"] = xmln.ChildNodes[1].InnerText: 
Dewrow["sex"] = xmln.ChildNodes[2].InnerText: 
newrow["birth"] = xmln.ChildNodes[3].InnerText: 
newrow["address"] = xmln.ChildNodes[4].InnerText: 
dt.Rows.Add(newrow): 
} 


> 
/自动 生成 提交 语句 
SqlCommandBuilder objcb = new SqlCommandBuilder(sqld): 
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/提交 数据 库 
sqld.Update(ds, "student"); 
// 绑 定数 据 
GridView1.DataSource = ds.Tables["student"].DefaultView; 
GridView1.DataBind0: 
} 


(3) 按 Ctrl+FsS 组 合 键 运行 程序 ， 可 以 看 到 studentinfo.xml 文档 中 11 号 男生 数据 被 写 
到 了 数据 库 的 student 表 中 。 








13.4 XML 的 应 用 和 发 展 前 景 


虽然 人 们 对 XML 的 某 些 技术 标准 尚 有 争议 ， 但 是 人 们 已 经 普遍 认识 到 XML 的 作用 
和 巨大 潜力 。 下 面 对 XML 应 用 和 发 展 前 景 作 一 个 简要 介绍 。 


13.4.1 XML 的 应 用 


作为 互联 网 的 新 技术 ，XML 的 应 用 非常 广泛 ， 可 以 说 XML 已 经 渗透 到 了 互联 网 的 各 
个 角落 。 考 察 现 在 的 XML 应 用 ， 可 以 大 致 将 它 分 为 以 下 几 个 方面 。 

1. 数据 交换 

利用 XML 在 应 用 程序 之 间作 数据 交换 已 不 是 什么 秘密 了 , 毫 无 疑问 应 被 列 为 第 一 位 。 
那么 为 什么 XML 在 这 个 领域 里 的 地 位 这 么 重要 呢 ? 原因 就 是 XML 使 用 元 素 和 属性 来 描述 
数据 。 在 数据 传送 过 程 中 ，XML 始终 保留 了 诸如 父 、 子 关系 这 样 的 数据 结构 。 几 个 应 用 程 
序 可 以 共享 和 解析 同一 个 XML 文件 ， 不 必 使 用 传统 的 字符 串 解析 或 拆 解 过 程 。 

相反 ， 普 通 文件 不 对 每 个 数据 段 做 描述 ， 也 不 保留 数据 关系 结构 。 使 用 XML 做 数据 
交换 可 以 使 应 用 程序 更 具有 弹性 ， 因 为 可 以 用 位 置 (与 普通 文件 一 样 ) 或 用 元 素 ( 从 数据 库 ) 
来 存 取 XML 数据 。 

2. Web 服务 

Web 服务 是 最 令 人 激动 的 革命 之 一 ， 它 让 使 用 不 同系 统 和 不 同 编程 语言 的 人 们 能 够 
相互 交流 和 分 享 数 据 。 其 基础 在 于 Web 服务 器 用 XML 在 系统 之 间 交 换 数据 。 交 换 数 据 
通常 用 XML 标记 , 能 使 协议 取得 规范 一 致 , 如 在 简单 对 象 处 理 协议 (Simple Object Access 
Protocol， 即 SOAP) 平 台 上 。 

SOAP 可 以 在 用 不 同 编程 语言 构造 的 对 象 之 间 传递 消息 。 这 意味 着 一 个 C# 对 象 能 够 
与 一 个 Java 对 象 进 行 通信 。 这 种 通讯 甚至 可 以 发 生 在 运行 于 不 同 操作 系统 上 的 对 象 之 间 。 
DCOM，CORBA 或 Java RMI 只 能 在 紧密 耦合 的 对 象 之 间 传 递 消息 ，SOAP 则 可 在 松 耦 合 
对 象 之 间 传 递 消息 。 
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3. 内 容 管理 


XML 只 用 元 素 和 属性 来 描述 数据 ， 而 不 提供 数据 的 显示 方法 。 这 样 ，XML 就 提供 了 
一 个 优秀 的 方法 来 标记 独立 于 平台 和 语言 的 内 容 。 

使 用 像 XSLT 这 样 的 语言 能 够 轻易 地 将 XML 文件 转换 成 各 种 格式 文件 ， 如 HTML、 
WML、PDF、EDI 等 。XML 具有 的 能 够 运行 于 不 同系 统 平台 之 间 和 转换 成 不 同 格式 目标 
文件 的 能 力 使 得 它 成 为 内 容 管理 应 用 系统 中 的 优秀 选择 。 


4. Web 集成 


现在 有 越 来 越 多 的 设备 支持 XML 了 。 使 得 Web 开发 商 可 以 在 个 人 电子 助理 和 浏览 器 
之 间 用 XML 来 传递 数据 。 

为 什么 将 XML 文本 直接 送 进 这 样 的 设备 去 呢 ? 这 样 做 的 目的 是 让 用 户 更 多 地 自己 掌 
握 数 据 显示 方式 , 更 能 体验 到 实践 的 快乐 。 常规 的 客户 /服务 (C/S) 方 式 为 了 获得 数据 排序 或 
更 换 显示 格式 ， 必 须 向 服务 器 发 出 申请 ， 而 XML 则 可 以 直接 处 理 数 据 ， 不 必 经 过 向 服务 
器 申请 查询 ， 返 回 结果 这 样 的 双向 “旅程 ”， 同 时 设备 也 不 需要 配制 数据 库 ， 甚 至 还 可 以 
对 设备 上 的 XML 文件 进行 修改 并 将 结果 返回 给 服务 器 。 

5. 配置 文件 


许多 应 用 都 将 配置 数据 存储 在 各 种 文件 里 ， 如 .INI 文件 。 虽 然 这 样 的 文件 格式 已 经 使 
用 多 年 并 一 直 很 好 用 ， 但 是 XML 还 是 以 更 为 优秀 的 方式 为 应 用 程序 标记 配制 数据 。 使 
用 .NET 里 的 类 ， 如 XmlDocument 和 XmlTextReader， 将 配置 数据 标记 为 XML 格式 ， 能 使 
其 更 具 可 读 性 ， 并 能 方便 地 集成 到 应 用 系统 中 去 。 使 用 XML 配置 文件 的 应 用 程序 能 够 方 
便 地 处 理 所 需 数据 ， 不 用 像 其 他 应 用 那样 要 经 过 重新 编译 才能 修改 和 维护 应 用 系统 。 


13.4.2 XML 的 发 展 前 景 


XML 自 推出 以 来 ， 尤 其 是 在 1998 年 2 月 成 为 W3C 推荐 标准 以 来 ， 受 到 了 广泛 地 支 
持 。 各 大 软件 厂商 如 IBM、Microsoft、Oracle、Sun 等 都 积极 支持 并 参与 XML 的 研究 和 产 
品 化 工作 ， 先 后 推出 了 支持 XML 的 产品 或 者 改造 原 有 的 产品 以 支持 XML，W3C 也 一 直 
致力 于 完善 XML 的 整个 理论 体系 。 

XML 虽然 获得 了 极 大 的 支持 ， 但 是 它 还 有 一 段 路 要 走 。 首 先 ，XML 的 规则 还 有 许多 
技术 细节 没有 解决 。 其 次 ， 现 在 虽然 出 现 了 一 些 XML 工具 和 应 用 ， 但 是 其 市 场 反应 还 有 
待 进 一 步 观察 。 另 外 如 何 让 更 多 的 人 迅速 学 会 使 用 XML， 并 利用 它 进 行 开发 ， 进 而 促进 
XML 的 应 用 也 是 一 个 问题 。XML 的 出 现 和 迅猛 发 展 并 不 意味 着 HIML 即将 退出 互联 网 舞 
台 。 由 于 HIML 的 易学 易 用 和 非常 多 的 工具 支持 ，HTML 将 在 较 长 的 时 间 里 继续 在 Web 
舞台 上 充当 主角 。 但 如 果 用 户 想 超越 HTML 的 范围 ，XML 将 是 最 佳 的 选择 。 

另外 ， 由 于 XML 是 用 于 自 定义 标记 的 元 语言 ， 任 何 个 人 、 公 司 和 组 织 都 可 以 利用 它 
来 定义 自己 的 标记 语言 。 这 虽然 是 XML 的 魅力 和 灵活 性 之 所 在 ， 但 同时 也 是 XML 的 最 大 
问题 之 所 在 。 如 果 每 个 人 、 公 司 和 组 织 都 定义 了 自己 的 标记 语言 ， 它 们 之 间 的 通信 就 会 出 
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现 困难 。 因 此 在 一 些 领域 先后 出 现 了 一 些 标准 化 组 织 ， 它 们 的 任务 就 是 规范 本 领域 的 标记 
语言 ， 形 成 统一 的 标准 ， 使 得 在 本 领域 内 的 通信 成 为 可 能 。 但 在 标准 推出 并 得 到 广泛 认可 
之 前 ， 各 自 为 政 的 局 面 将 继续 下 去 。 更 糟糕 的 是 ， 由 于 对 应 用 的 理解 不 一 致 和 商业 利益 等 
原因 ， 同 一 个 领域 也 许 还 有 多 个 标准 化 组 织 ， 它 们 形成 的 标记 语言 并 不 完全 兼容 ， 使 得 采 
区 不 同 标准 的 计算 机 仍然 难以 通信 。 

无 论 如 何 ，XML 的 出 现 使 互联 网 跨 入 了 一 个 新 的 阶段 ， 它 已 成 为 因特网 领域 中 一 个 
重要 的 数据 交换 标准 和 开发 平台 。 没 有 XML 就 没有 Web 服务 ， 也 就 没有 今天 构建 应 用 软 
件 的 复 复 烈 烈 的 SOA(Service Oriented Architecture)。XML 的 诞生 已 经 而 且 将 继续 促使 全 
新 种 类 的 基础 架构 和 应 用 程序 的 产生 ， 而 这 些 新 的 基础 架构 和 应 用 程序 又 将 需要 新 的 软件 
和 硬件 工具 。 可 以 预测 ， 无 论 是 在 软件 还 是 硬件 上 ，XML 都 将 开辟 一 系列 的 新 市 场 ， 促 成 
互联 网 上 新 的 革命 。 




















13.5 ”本章 小 结 


本 章 全 面 介绍 了 XML 技术 在 ASPNET 应 用 程序 中 的 使 用 方法 。 首 先 介绍 了 XML 的 
基本 概念 , 包括 XML 的 基本 结构 , 标记 、 元 素 及 其 属性 ， 以 及 通过 XSL 和 CSS 显示 XML 
文件 内 容 的 方法 ， 然 后 介绍 了 使 用 ADONET 访问 XML 文件 的 方法 ， 内 容 包括 将 数据 库 
数据 转换 成 XML 文档 、 读 取 XML 文档 、 编 辑 XML 文档 、 将 XML 写 入 数据 库 、 将 XML 
数据 转换 为 字符 串 的 方法 等 ;接着 介绍 了 使 用 NET 的 XML 类 访问 XML 文档 :最 后 简单 
介绍 了 XML 的 应 用 和 发 展 前 景 。 通 过 本 章 的 学 习 ， 读 者 能 够 掌握 XML 技术 在 ASPNET 
应 用 程序 中 的 使 用 方法 。 


13.6 思考 和 练习 


1. XML 文档 的 结构 如 何 ? 

2. XML 文档 的 规则 有 哪些 ? 

3. XML 文档 的 内 容 有 哪儿 种 呈现 方法 ? 
4. 如 何 通 过 ADO.NET 访问 XML? 

5. XML 的 应 用 和 发 展 前 景 如 何 ? 
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近 些 年 ， 电 子 商 务 一 直 是 互联 网 的 主流 。 随 着 互联 网 和 移动 网 络 的 融合 ， 更 是 壮大 了 
电子 商务 行业 ， 越 来 越 多 的 商家 在 网 上 开 起 了 在 线 商 店 。 这 种 网 上 购物 系统 具有 强大 的 交 
互 功能 ， 可 使 商家 和 用 户 方便 地 传递 信息 ， 完 成 电子 贸易 ， 它 向 消费 者 展示 出 一 种 新 颖 的 
购物 理念 。 

本 章 将 介绍 一 个 结构 清晰 的 网 上 购物 实例 一 一 网 上 书店 ， 该 实例 可 以 帮助 读者 掌握 用 
ASP.NET 开发 网 上 购物 系统 的 方法 。 








本 章 学 习 目 标 : 

e 网 上 书店 系统 的 系统 设计 与 数据 库 设计 。 
e 用 户 管理 模块 。 

图 书 管理 模块 。 

购物 车 模块 。 

e 订单 管理 模块 。 

e 后 台 管 理 模块 。 


14.1 项 目 概 述 


只 有 了 解 一 个 系统 的 整体 设计 ， 才 能 对 系统 中 的 各 种 模块 及 应 用 有 所 了 解 。 本 节 将 对 
网 上 书店 项 目的 设计 方案 、 数 据 库 设计 、 模 块 划分 进行 一 个 总 体 上 的 介绍 ， 使 得 读者 对 项 
目 有 个 总 体 的 印象 。 


14.1.1 ”设计 方案 


网 上 书店 系统 包括 用 户 注册 和 登录 、 管 理 图 书 类 别 、 管 理 图 书信 息 、 搜 索 图 书 、 管 理 
购物 车 、 管 理 订单 、 管 理 用 户 信 息 、 管 理 销售 情况 等 功能 ， 这 些 功 能 的 具体 描述 如 下 。 

e 用户 注册 和 登录 : 为 用 户 提供 注册 、 登 录 、 找 回 丢失 密码 、 修 改 个 人 信息 等 功能 。 

e ”图 书信 息 查 询 及 管理 : 对 信息 进行 灵活 分 类 、 存 储 ， 方 便 用 户 迅速 从 少 则 几 万 ， 
多 则 儿 十 万 甚至 上 百 万 种 图 书 中 找 出 自己 所 需要 的 图 书 。 

。 购物 车 管理 .用 于 存储 用 户 选 择 好 的 图 书 ， 完 成 购物 车 后 可 以 自动 生成 订单 以 供 
管理 者 进行 处 理 。 

。 订单 管理 :为 用 户 提供 订单 查询 功能 ， 同 时 为 管理 者 提供 订单 查询 及 处 理 功能 。 

。 后 台 管 理 : 为 管理 者 提供 用 户 信息 查询 和 销售 情况 查询 等 功能 
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为 实现 以 上 功能 ， 本 系统 分 为 4 层 ， 它 们 分 别 为 表示 层 ( 由 ASPNET Web 窗 体 组 成 ， 
主要 用 于 显示 信息 和 与 用 户 交互 )、 商 务 逻 辑 层 (用 户 抽象 表示 层 功 能 , 为 表示 层 提供 服务 )、 
数据 访问 层 (为 商务 逻辑 层 提供 访问 数据 库 系 统 的 接口 ) 和 系统 数据 库 。 

e@ 表示 层 页 面包 括 3 类 : 用 于 处 理 相关 图 书信 息 的 Book*.aspx 页 面 、 用 于 处 理 用 户 

信息 的 User*.aspx 页 面 、 用 于 实现 管理 的 Manage*.aspx 页 面 。 

e 商务 逻辑 层 包 括 Book.cs、User.cs、ShopCart.cs、Order.cs、Admin.cs 文件 ， 分 别 封 

装 了 为 实现 对 图 书 、 用 户 、 购 物 车 、 订 单 、 管 理 进行 操作 而 需 的 方法 。 该 层 可 以 
直接 访问 数据 访问 层 ， 并 为 表示 层 提供 了 访问 接口 ， 起 到 了 表示 层 和 数据 访问 层 
















































































的 桥梁 作用 。 

e 数据 访问 层 包含 SqlAccess.cs 文件 , 封 
装 了 对 SQL Server 数据 库 中 数据 的 读 表示 导 he 
取 和 对 存储 过 程 的 操作 。 为 了 给 服务 商务 逻辑 层 cs 组 件 
器 减负 ， 本 例 特地 选用 SQL Server 数 MD 组件 
据 库 。 数据 库 SQL Server 

本 系统 的 层次 结构 如 图 14-1 所 示 。 




















本 图 14-1 系统 层次 结构 图 
14.1.2 ”数据 库 设计 


本 系统 是 一 个 典型 的 电子 商务 系统 ， 数 据 库 中 包含 6 张 表 ， 分 别 如 下 。 
1. 图 书 类 别 表 BookCategory 


网 站 的 图 书 种 类 繁多 ， 用 图 书 类 别 表 存储 网 站 图 书 种 类 信息 ， 可 以 简化 图 书 管理 ， 该 
表 字 段 说 明 如 表 14-1 所 示 。 


表 14-1 图 书 类 别 表 BookCategory 
| 型 | 度 | 人 t 许 空 | 刍 值 | 
| wa | 3 


2. 图 书信 息 表 Booklnfo 


图 书信 息 表 存储 网 站 图 书 具 体 信 息 , 该 表 引 用 BookCategory 表 的 CategoryId 字段 作为 
外 键 ， 具 体 字 段 说 明 如 表 14-2 所 示 。 












图 书 类 别 ID 号 
图 书 类 别名 称 





表 14-2 图书 信息 表 Booklnfo 




















字段 名 备注 
BookId | 图 书 ID 号 
BookName 否 | 图 书 名 称 
否 | 图 书 封面 
大 图 书 类 别 了 D 号 
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字段 名 





类 型 














Anuthor | nvarchar 是 否 | 图 书 作者 
Translator | nvarchar 是 否 | 图 书 译 者 
Press | nvarchar 是 否 | 图 书 出 版 社 
Dice | i , 否 | 图 书 价格 








周 | 并 


Introduction 图 书 介绍 


nvarchar 





3. 订单 表 Order 


订单 表 用 来 存储 用 户 订 单 ， 引 用 UserInfo 表 的 UserId 字段 作为 外 键 , 具体 字段 内 容 如 
表 14-3 所 示 。 


表 14-3 订单 表 Order 








字段 名 
OrderId 

Userld 
OrderDate 
Status 


















4. 订单 信息 表 Orderlnfo 


订单 信息 表 包 含 具体 订单 信息 ， 引 用 BookInfo 表 的 BookId 作为 外 键 ， 有 具体 字段 说 明 
如 表 14-4 所 示 。 


表 14-4 订单 信息 表 Orderlnfo 





字段 名 备注 
OrderId [ 否 | 订单 ID 号 
BookId 图 书 ID 号 
Quanti TE ll la ls 图 书 数量 
UnitCost 图 书 价格 


5. 购物 车 表 ShopCart 


购物 车 表 主 要 存储 网 站 用 户 购物 车 信息 ， 该 表 引 用 BookInfo 表 的 BookId 作为 外 键 ， 
其 具体 字段 如 表 14-5 所 示 。 


表 14-5 ”购物 车 表 ShopCart 











字段 名 备注 
Id ID 
Cartld 购物 车 个 号 
Bookld 图 书 症 号 
Quanti 图 书 数量 
CreateDate 创建 日 期 





































































































































































































第 14 章 网 上 书店 “349 。 
6. 用 户 信息 表 Userlnfo 
用 户 信息 表 主 要 用 于 存储 网 站 用 户 信息 ， 字 段 说 明 如 表 14-6 所 示 。 
表 14-6 ”用户 信息 表 Userlnfo 
字段 名 类 型 备注 
UserId int 用 户 人 D 号 
UserName nvarchar 用 户 名 称 
UserPwd nvarchar 用 户 密码 
UserRole nvarchar 用 户 角色 
UserRealName nvarchar 用 户 真 实 姓 
名 
Question nvarchar 用 户 提问 
Answer nvarchar 用 户 答案 
Email nvarchar 邮箱 地 址 
各 数据 表 如 图 14.2 所 示 。 | en 
CategoryName | Bookare | 本 
14.1.3 ”模块 划分 | Se | 
该 系统 的 整体 模块 组 织 图 如 图 2 
14-3 所 示 。 [Se | em 
_ Ss 本 Userld ， - Bookld 
该 系统 为 普通 用 户 和 管理 员 提 oeme | No order | Geniy | 
供 了 不 同 的 操作 界面 ， 普 通用 户 的 操 Une orderDute 
uestion Status 
作 界面 如 图 14-4 所 示 。 管理 员 的 操作 ey 
界面 如 图 14-5 所 示 。 图 14-2 数据 图 
管理 图 书 类 别 < 
秆 一 > 填写 信息 
管理 图 书信 息 。 <-J| 理 普 
通 
增加 回忆 |< | 
管理 订单 用 户 登 录 上“ i 
管理 用 户 信息 。 |< | i 
查询 销售 信息 。 | He 管理 个 人 订单 
有 搜索 图 书 
图 14-3 系统 模块 组 织 图 
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Er 


| ES ssp sv «a=h TaD ssl 


-Ec 





图 14-5 管理 员 界 面 
普通 用 户 界面 划分 为 修改 信息 、 修 改 密码 、 我 的 购物 车 、 我 的 订单 、 搜 索 等 模块 ， 管 


理 员 界 面 划 分 为 修改 信息 、 修 改 密码 、 图 书 类 别管 理 、 增 加 图 书 、 图 书信 息 管理 、 订 单 管 
理 、 用 户 信息 管理 、 销 售 信息 查询 和 搜索 等 模块 。 








14.2 ”实现 数据 访问 层 


在 动态 网 页 设计 中 ， 很 多 都 要 涉及 对 数据 库 的 操作 ， 这 是 一 件 枯 燥 、 费 时 而 且 容 易 出 
错 的 工作 ， 如 果 使 用 类 来 实现 对 数据 库 操作 的 封装 ， 就 可 以 使 写 出 的 程序 在 很 小 的 改动 下 
完成 后 台数 据 库 的 更 改 。 

14.2.1 ”一般 数据 库 操作 的 封装 

SqlAccess.cs 文件 中 封装 了 对 一 般 数据 库 的 操作 , 该 文件 中 的 主要 数据 库 访问 函数 如 下 。 

1. ExecuteNonQuery 函数 

该 函数 执行 SQL 命令 ， 参 数 为 连接 字符 串 connString、 命 令 类 型 cmdType、 存 储 过 程 
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名 称 或 T-SQL 命令 cmdText、SQL 参数 数组 cmdParms， 返 回 值 为 受 影响 的 行 数 var。 


public static int ExecuteNonQuery(string connString, CommandType cmdType, string cmdText, 
params SqlParameter[] cmdParms) 
{ 
SqlCommand cmd = new SqlCommand():; 
using (SqlConnection conn = new SqlConnection(connString)) 
{ 
PrepareCommand(cmd, conn, null, cmdType, cmdText cmdParms); 
int val = cmd.ExecuteNonQueryO; 
// 清 除 cmd 的 参数 
cmd.Parameters.Clear(); 
Tetur val: 


} 


2. ExecuteReader 函数 


该 函数 执行 SQL 命令 ， 参 数 为 链接 字符 串 connString、 命 令 类 型 cmdType、 存 储 过 程 
名 称 或 T-SQL 命令 cmdText、SQL 参数 数组 cmdParms， 返 回 值 为 SqlDataReader 数据 集 。 


public static SqlDataReader ExecuteReader(string connectionString, CommandType commandType, 
string commandText) 


//pass through the call providing null for the set of SqlParameters 


return ExecuteReader(connectionString, commandType, commandText, (SqlParameter[])null); 


3. ExecuteDataset 函数 


该 函数 通过 SqlConnection 连接 执行 SQL 命令 , 参数 为 SqlConnection 对 象 connection、 
命令 类 型 cmdType、 存 储 过 程 名 称 或 T-SQL 命令 cmdText、SQL 参数 数组 cmdParms， 返 
回 值 为 DataSet 数据 集 。 


public static DataSet ExecuteDataset(string connectionString, CommandType commandType, string 
commandText) 


{ 


Teturn ExecuteDataset(connectionString, commandType, commandText, (SqlParameter[])nul); 


} 


4. PrepareCommand 函数 
该 函数 完成 数据 库 的 连接 和 对 命令 的 执行 ， 供 以 上 函数 调用 。 


private static void PrepareCommand(SqlCommand cmd, SqlConnection conn, SqlTransaction trans, 
CommandType cmdType, string cmdText, SqlParameter[] cmdParms) 


// 判 断 连接 的 状态 。 如 果 是 关闭 状态 ， 则 打开 
if(conn.State != ConnectionState.Open) 
conn.Open():; 
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/cmd 属性 赋值 
cmd.Connection = conn: 
cmd.CommandText = cmdText: 
// 是 否 需 要 用 到 事务 处 理 
if (trans (= null) 
cmd.Transaction = trans; 
cmd.CommandType = cmdType: 
/添加 cmd 需要 的 存储 过 程 参数 
下 (cmdParms != null) 
{ 
foreach (SqlParameter parm in cmdParms) 
cmd.Parameters.Add(parm); 


) 


14.2.2 ”存储 过 程 操作 的 封装 


网 上 书店 系统 的 商务 逻辑 层 调 用 函数 访问 层 函 数 , 完成 对 SQL Server 数据 库 中 存储 过 
程 的 操作 ， 这 是 因为 使 用 存储 过 程 封装 应 用 逻辑 具有 以 下 优点 。 

e 代码 模块 化 ， 以 减少 数据 库 操作 员 和 程序 员 的 错误 。 

e 提高 数据 库 安全 性 。 

e 减少 网 络 通信 流量 。 

e 移植 性 较 强 。 

本 节 介 绍 两 个 存储 过 程 AddNewBook 和 ChangeUserPWD， 更 多 的 内 容 请 读者 参照 
数据 库 。 

(1) 存储 过 程 AddNewBook 完成 向 BookInfo 数据 库 中 添加 一 条 图 书记 录 的 功能 。 输 入 
参数 为 用 户 在 页 面 上 输入 的 图 书 名 称 、 作 者 、 译 者 、 出 版 社 、 价 格 、 内 容 简介 、 图 书 类 别 
和 封面 。 


USE [eBookShop] 

GO 

SET ANSI NULLS OFF 

GO 

SETQUOTED IDENTIFIER ON 

GO 

ALTER PROCEDURE [dbo].[AddNewProduct] 

( 

@productName nvarchar(50), 
@author nvarchar(50), 
@translator nvarchar(50), 
(@press nvarchar(50), 
@productPrice decimal, 
@intro nvarchar(50). 
@categoryId nt, 
@cover image 
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AS 

INSERT INTOe Bookmfo 

{ 
PRODUCTNAME., 
AUTHOR, 
TRANSLATOR. 
PRESS， 
PRODUCTPRICE, 
INTRO, 
CAIEGORYID， 
COVER 

) 

VALUES 

( 
@productName, 
@author, 
@translator, 
@press, 
@productPrice, 
@intro, 
@categoryId, 
@cover 


) 


(2) 存储 过 程 ChangePassword] 完 成 用 户 密码 的 更 改 , 输入 参数 为 用 户 在 页 面 上 输入 的 
旧 密码 、 新 密码 和 用 户 IJD， 返 回 值 为 1 时 表示 操作 成 功 ， 返 回 值 为 -1 时 表示 操作 失败 。 


USE [eBookShop] 
GO 
SET ANSI NULLS OFF 
GO 
SET QUOTED IDENTIFIER ON 
GO 
ALTER PROCEDURE [dbo].[ChangePassword] 
@oldPassword nvarchar(50), 
@newPassword nvarchar(50), 
@userId int, 
@result int output 
AS 
declare (Wpassword nvarchar(50) 
select (Wpassword = userpwd from e_UserInfo where userID = (@userld 
if @password = @oldpassword 
begin 
Update e_UserInfo set userPwd = (DnewPassword where userId = (@userId 
set (Dresult = 1 





end 
else 
begin 
set (Oresult = -1 


end 
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14.3 用 户 管理 模块 





用 户 管理 是 一 个 网 上 购物 系统 中 不 可 缺少 的 部 分 。 该 模块 主要 实现 用 户 注册 、 用 户 登 
录 、 找 回 丢失 密码 和 修改 个 人 信息 等 功能 ， 主 要 包括 以 下 方面 。 

e 用 户 注册 页 面 UserRegister.aspx， 代 码 隐藏 文件 为 UserRegister.aspx.cs。 

e@ 用 户 登 录 页 面 UserLogin.aspx， 代 码 隐藏 文件 为 UserLogin.aspx.cs。 






































e 找 回 丢失 密码 页 面 UserGetPassWord.aspx， 一 
代码 隐藏 文件 为 UserGetPassWord.aspx.cs。 汪汪 eeees 
e 修改 个 人 信息 页 面 UserChangeInfo.aspx， _ 
代码 隐藏 文件 为 UserChangeInfo.aspx.cs。 加 2 MA 
请 确认 密码 两 次 输入 不 同 
14.3.1 用 户 注册 人 二 
如 图 14-6 所 示 的 页 面 即 为 用 户 注册 页 面 , 运行 。 | 邮 - | 
程序 后 ， 在 各 项 文本 框 中 输入 对 应 信息 ， 然 后 单 击 PR 
【注册 】 按 钮 ， 即 可 注册 新 用 户 。 tt i 
用 户 注册 的 功能 有 函数 Submit_Click 实现 ， 代 人 
人 码 如 下 。 


protected void Submit_ Click(object sender, System .EventArgs e) 


{ 
// 获 得 注册 信息 
string userName = LoginName. Text.Trim(); 
string password = Password. Text.Trim(); 
string question = Question. Text. Trim(); 
string answer = Answer. Text. Trim(); 
string userrealname=UserRealName.Text.Trim(); 
string email=Email.Text.Trim(); 
string role=" 用 户 "; 
// 得 到 原来 的 CartId 
ShopCart cart = new ShopCart0: 
string tempCartId = cartGetShoppingCartId0: 
/试图 添加 新 用 户 
User user = new User(); 
int userld = user.AddNewUser(userName, password., question, answer,userrealname.email,role); 
/如 果 返 回 值 为 -1， 则 表示 用 户 名 存在 
if(userld — -1) 
{ 
Message.Text = "用 户 名 已 存在 !"; 


} 
else 


/设置 用 户 为 通过 验证 
System. Web.Security.FormsAuthentication.SetAuthCookie(userId.ToString(),false): 
/迁移 购物 车 记录 
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/将 用 户 重 定 向 回 用 户 帐户 页 面 
Response.Redirect("UserLogin.aspx"); 
} 
上 述 代 码 保存 在 UserRegister.aspx.cs 文件 中 。 先 实例 化 User 类 ， 再 通过 调用 User 类 
中 的 AddNewUser 函数 完成 用 户 注册 ， 然 后 设置 用 户 通过 网 站 验证 。 


14.3.2 用户 登录 


如 图 14-7 所 示 即 为 用 户 登录 页 面 ， 在 【登录 名 】 和 【密码 】 文 本 框 中 输入 对 应 信息 ， 
然后 单 击 【登录 】 按 钮 ， 即 可 完成 用 户 登录 。 














二 者 
忘记 密码 。 注册 新 用 户 
图 14-7 用 户 登录 界面 


用 户 登录 的 功能 由 函数 Submit_Click0 实 现 ， 代 码 如 下 。 


protected void Submit_Click(object sender, System.EventArgs e) 
{ 

User user = new eBookShop.User0:; 

int userld = user.Login (LoginName.Text,Password.Text); 

SqlAccess.UserRole=user.GetUserRole(userId); 

/得 到 临时 的 购物 车 编号 

ShopCart cart= new ShopCart 0; 

string tempCartID = cart.GetShoppingCartId(): 


if (userld— 0) 
{ 
Message.Text = "用 户 名 或 密码 错误 !"; 
} 
else 


// 将 未 通过 验证 时 该 用 户 的 匿名 购物 信息 迁移 至 该 用 户 的 个 人 记录 中 
cart.MigrateCart(tempCartID, userId.ToString()): 
System. Web.Security.FormsAuthentication.RedirectFromLoginPage(userId. ToString(), 
CheckCookie.Checked); 
//Response.Redirect("MyAccount.aspx"): 
} 
ji 


上 述 代码 保存 在 UserLogin aspx.cs 文件 中 。 首 先 实例 化 User 类 ， 通 过 调用 User 类 中 
的 Login 函数 获得 用 户 ID 。 然 后 通过 调用 User 类 中 的 GetUserRole 函数 得 到 用 户 角 色 。 
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14.3.3” 找 回 丢失 密码 


如 图 14-8 所 示 的 页 面 即 为 找 回 密码 页 面 , 运行 程 
序 后， 在 “用 户 名 ”、“ 提 示 问 题 ”、“ 问 题 答案 ” 
和 “Email” 文 本 框 中 输入 对 应 信息 , 然后 单 击 “ 提 交 ” 
按钮 ， 可 以 帮助 用 户 找 回 丢失 密码 。 


用 户 找 回 丢失 密码 的 功能 由 函数 Submit Click0 
外 14- 加 | 密 : 面 
实现 ， 代 码 如 下 。 图 14-8 “ 找 回 丢失 密码 界面 






































protected void Submit Click(object sender, System .EventArgs e) 
1 
User user = new eBookShop.User0: 
int result = user.GetBackPassword(LoginName.Text.Trim(), Question. Text.Trim(), 
Answer.Text.Trim(), EmailText): 
if(result =— 1) 
{ 
Message.Text= "您 的 密码 已 发 送 ， 请 到 邮箱 查收 "; 
/user.ChangePassword( 


else 
{ 
Message.Text = "您 的 输入 信息 有 误 !"; 
} 
b 


上 述 代码 保存 在 UserGetPassWord.aspx.cs 文件 中 。 首 先 实 例 化 User 类 , 然后 通过 调用 
User 类 中 的 GetBackPassword 函数 为 用 户 发 送 新 的 6 位 随机 密码 。 
User 类 中 的 GetBackPassword 函数 的 具体 内 容 如 下 。 


public int GetBackPassword(string userName, string question, string answer, string email) 
i 
object m DBNull = Convert.DBNull: 
// 获 得 新 的 随机 密码 
string newPassword = MakePassword(6): 
/定义 存储 过 程 参数 
SqlParameter[] para = { 
new SqlParameter("@userName", userName), 
new SqlParameter("@question", question), 
new SqlParameter("@answer", answer), 
new SqlParameter("@newPassword", newPassword), 
new SqlParameter("(@result", SqlDbType.Imt 8, 


ParameterDirection.Output, 
true, 0, 0. "", DataRowVersion.Default, m DBNull) 
上 
/执行 存储 过 程 
try 
{ 


SqlAccess.ExecuteNonQuery(SqlAccess.CONN_ STRING, 
CommandType.StoredProcedure,"GetBackPwd". para): 
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上 
catch 
《 
throw new Exception(" 邮 件 无 法 发 送 ! "); 
} 
// 获 得 输出 参数 的 值 
int result = Convert.ToInt32(para[4].Value): 
1/ 如果 密码 保护 资料 填写 正确 
f(result — 1) 
/从 Web.config 获取 发 信人 地 址 、 邮 件 标题 、 邮 件 用 户 名 和 密码 以 及 SmtpServer 
/I string sender = 
System.Configuration.ConfigurationSettings.AppSettings["mainSender"]: 
ty 
{ 
MailMessage mail = new MailMessage(); 
mail.To = email; 
mail From = "bao@163.com'" ; 
mail.Subject = "您 在 eBookShop 的 密码 已 找 回 "; 
mail.BodyFormat = MailFormat. Text ; 
mail.Body = "您 在 eBookShop 的 密码 已 找 回 ,新 密码 为 "+newPassword ; 
SmtpMail.Send(mail) ; 
’ 
catch(Exception ex) 
{ 
throw new Exception(ex.Message); 
} 
} 
return result: 


} 


上 述 代码 保存 在 User.cs 文件 中 ， 通 过 调用 MakePassword 产生 6 位 新 的 随机 密码 。 调 
用 存储 过 程 FindPassword 将 新 密码 写 入 数据 库 User 表 中 。 最 后 定义 一 个 MailMessage 实例 
mail， 填 写 所 需 的 目的 地 址 、 发 送 人 人 地址、 主题、 内 容 格 式 、 内 容 , 通过 SmtpMail.Send(mail) 
进行 发 送 。 


14.3.4 ”修改 个 人 信息 


如 图 14-9 所 示 即 为 修改 个 人 信息 页 面 ， 
运行 程序 ， 在 【真实 姓名 】、【 问题】 【 答 
案 】、Email 文本 框 中 输入 对 应 信息 ， 然 后 
单 击 【提交 】 按 钮 ， 可 以 完成 用 户 个 人 信息 
的 修改 。 

修改 个 人 信息 的 功能 由 函数 UpdateUserInfo0 实 现 ， 代 码 如 下 。 






































提交 














14-9 ”修改 个 人 信息 界面 


void UpdateUserInfo() 

人 
User user = new eBookShop.User0: 
user.ChangeProfile(User.Identity.Name, RealName. Text, 
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Question. Text, Answer. Text , Email Texb: 
| 
上 述 代 码 保存 在 UserInfo.aspx.cs 文件 中 。 
本 程序 中 实例 化 User 类 ， 通 过 调用 User 类 中 的 ChangeProfile 函数 更 新 用 户 信 息 。 
ChangeProfile 函数 调用 存储 过 程 EditUserInfo， 其 具体 内 容 如 下 。 
public int ChangeProfile(string userId, string userRealName, string question, string answer, string 
email) 
: 
SqlParameter[] para = {new SqlParameter("@userId", intParse(userId))， 
new SqlParameter("(@userRealName", userRealName), 
new SqlParameter("(Qquestion", question), 
new SqlParameter("@answer", answer), 
new SqlParameter("(Demail", email) 
3 
return SqlAccess.ExecuteNonQuery(SqlAccess.CONN_STRING, 


CommandType.StoredProcedure, "EditUserInfo", para); 
} 


14.4 图 书 管理 模块 


图 书 管理 是 系统 的 重要 组 成 部 分 ， 它 主要 实现 管理 图 书 类 别 ， 添 加 、 删 除 和 修改 图 书 
信息 ， 列 表 显 示 图 书 ， 搜 索 图 书 等 功能 。 下 面 将 介绍 这 4 部 分 功能 的 实现 方法 。 


14.4.1 ”管理 图 书 类 别 


图 书 类 别管 理 页面 ManBookType.aspx 的 设计 如 图 
14-10 所 示 。 运 行程 序 后 ， 在 【图 书 类 型 名 称 】 文 本 框 











图 书 类 型 名 称 [+* 
中 输入 图 书 类 型 信息 ， 然 后 单 击 【 添 加】 按钮 ， 可 以 完 = 
成 图 书 类 型 的 添加 。 和 
添加 图 书 类 型 的 功能 由 函数 Add_Click0 实 现 , 代码 辣 1410 管理 阁 忆 类 刚 
如 下 。 
protected void Add_Click(object sender, System.EventArgs e) 
1 
AdminDB admin = new AdminDB(); 
try 
tt 
admin.AddNewCategory(CategoryName.Text. Trim()); 
MyError.Text= "添加 成 功 ! "; 
BindListO: 
catch 


{ 
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MYyYEror Text= "出 错 了 ! "; 
} 
} 

上 述 代码 保存 在 ManBookType.aspx.cs 文件 中 。 首 先 实 例 化 Admin 类 ， 再 通过 调用 
Admin 类 中 的 AddNewCategory 函数 添加 新 的 图 书 类 别 。 

在 图 14-10 所 示 的 【删除 图 书 类 型 】 下 拉 列 表 框 中 选择 图 书 类 型 ， 然 后 单 击 【删除 ] 
按钮 ， 可 以 完成 图 书 类 型 的 删除 。 删 除 图 书 类 型 的 功能 由 函数 Delete_Click0 实 现 ， 代 码 
如 下 。 


























Protected void Delete Click(object sender, System.EventArgs e) 
1 
AdminDB admin = new AdminDB0; 
try 
admin.DeleteCategory(int.Parse(ListCat.SelectedValue)); 
MyError.Text = "删除 成 功 !"; 
BindListO; 


catch 


{ 
MyError.Text= "出 错 了 !"; 


} 
} 
上 述 通 过 调用 Admin 类 中 的 DeleteCategory 
函数 删除 图 书 类 别 。 


14.4.2 ” 添加、 删除、 修改 图 书信 息 


如 图 14-11 所 示 即 为 新 增 图 书页 面 
ManBookInfo .aspx 的 设计 效果 。 运 行程 序 后 ， 输 
入 相应 信息 ， 并 单 击 【 浏 览 】 按 钮 选择 图 书 封面 
后 确定 ,然后 选择 图 书 类 别 ， 单 击 【 添 加 】 按钮 ， 
即 可 完成 新 图 书 的 添加 。 








图书 关 型 , FE 本 
图 书 添 加 的 功能 由 函数 Add_Click0 实 现 , 代 Ln] 
码 如 下 。 图 14-11 添加 图 书 
protected void Add Click(object sender, System.EventArgs e) 
{ 

int ImageSize=0; 

byte[] ImageBuffer: 

string FileName: 

FileInfo TpFile; 

FileStream fs=null: 
FileName=Server.MapPath("\eBookShop\CoverUp").ToString|.TrimO+"\"+ViewState["PostFileNa 


Ime"]: 
TpFile=new FileInfo(FileName): 
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TImageSize=(int)TpFile.Length: 

fs=new FileStream(FileName.FileMode.OpenOrCreate); 

BinaryReader -new BinaryReader(fs): 

r.BaseStream.Seek(0,SeekOrigin.Begin); 

TImageBuffer=r.ReadBytes(ImageSize); 

AdminDB admin = new AdminDB0: 

try 

到 

admin.AddNewProduct(ProductName.Text.Trim(),Author.Text.Trim(),Translator. Text.Trim(),Press.T 
ext.Trim(), decimal.Parse(Price.Text.Trim()), Intro.Text, int.Parse(ListCat.SelectedValue),ImageBuffer):; 

MyEror.Text = "添加 成 功 !"; 


catch 


: 


MyError.Text= "出 错 了 "; 


出 
上 述 代码 保存 在 ManBookInfo.aspx.cs 文件 中 。 从 图 片 路 径 中 将 图 片 以 二 进 制 文件 流 的 
形式 赋值 给 ImageBuffer， 然 后 实例 化 Admin 类 ， 通 过 调用 Admin 类 中 的 AddNewProduct 
函数 添加 图 书信 息 。 
在 如 图 14-12 所 示 的 【图 书 名 称 】、【 作 者 】、【 译 者 】、【 出 版 社 】、【 价 格 】、 
【介绍 】 文 本 框 中 修改 相关 信息 ， 然 后 单 击 【 修 改 】 按 钮 ， 可 以 完成 图 书信 息 的 修改 。 




















































































































































































































































































































图 书 列表 

17 [MIPs 丈 理 器 设计 捞 视 Sa]|Dominic Swestman || 起 人 抑 京 阴 斌 飞天 天 学 于 版 入 55 
18 [ICH 且 机 于 机 程 ”| 到 军 玉 训 阴 斌 也 天 大 学员 版 和 17 eps 说 和 9| 品 
19 | 网 子 可 下 电子 太太 | 束 沉 宙 rT 四 | 口 
20 [于 可 机 系统 结构 教程 || 画 毅 庆 [ER 四 区 生 二 汪 生生 四 
21 | GOS 天 观 栅 志 电路 训 | 忆 下 HE 大 所 性 mR 工业 和 加 ri 国 品 
2 [ETA 再 NE EE 茵 | 于 7 | 
Tn THERE 四 1 DO 
2 [国生 局 CE 2 人 可 各 
25 |GK 池 和 EE 和 子 工业 出 版 社 国 | 
26 | C# 行 家 设计 手册 王 尘 然 中 国 铁道 出 版 社 |s0 党 9 口 

12 

修改 











图 14-12 编辑 修改 图 书 


如 果 选 中 【删除 】 复 选 框 ， 则 单 击 【修改 】 按 钮 后 可 以 完成 该 条 记录 的 删除 。 程 序 员 
图 书 修改 、 删 除 的 功能 由 函数 UpdateProductmfo0) 实 现 ， 代 码 如 下 。 


void UpdateProductmfo0 




















AdminDB admin = new AdminDB0O: 
for (nt 1=0; 1< GridProduct.Rows.Count; 1++) 
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intproductId = Convert.TolInt32(GridProduct.DataKeys[i]); 

string productName = ((TextBox) 
GridProduct.Rows[i].FindControl("ProductName")). Text. Trim(); 

decimal price = decimal.Parse(((TextBox) 
GridProduct.Rows[i].FindControl("Price")). Text.Trim()): 

string intro = ((TextBox) GridProduct.Rows[i].FindControl("Intro")). Text; 

string author = ((TextBox) GridProduct.Rows[i].FindControl("Author")).Text: 

string translator = ((TextBox) 
GridProduct.Rows[i].FindControl("Translator")). Text: 

string press = ((TextBox) GridProduct.Rows[i].FindControl("Press")). Text; 

CheckBox remove = (CheckBox) GridProduct.Rows[i].FindControl("Remove"): 


try 
{ 
if (remove.Checked) 
{ 
admin.DeleteProduct(productId); 
} 
else 
{ 


admin.AlterProduct(productId, productName, price, 
intro,author,translator,press); 
} 
Message.Text= "操作 成 功 !";// 提 示 成 功 
} 


catch 


{ 
} 


Message.Text = "输入 有 误 ! "; 


} 


上 述 代码 保存 在 ManBookList.aspx.cs 文件 中 。 首 先 读 取 GridView 中 管理 员 修 改 的 信 
息 ， 如 果 选 中 【删除 】 复 选 框 ， 则 调用 Admin 类 中 的 DeleteProduct 方法 删除 记录 ; 如 果 没 
有 选中 【删除 】 复 选 框 ， 则 调用 Admin 类 中 的 AlterProduct 方法 更 新 图 书信 息 。 


14.4.3 ”列表 显示 图 书 
如 图 14-13 所 示 为 按 类 别 列表 显示 图 书信 息 的 界面 。 


亚 .NET 大 学 教程 -国际 版 EB EL 与 JAVA 程序 设计 大 全 
作者 : ”对 “| 作者 :台湾 金条 资讯 

出 版 社 :清华 大 学 出 版 社 站 | 出 版 社 :中 国 铁道 出 版 社 
价格 :$65 价格 :$46 

加 入 购物 车 - 加 入 购物 车 











玖 .EI 事务 处 理 高 级 编程 家 设 i 
作者 :Matthew Bortniker Janes ”| 人 5 ee 
Conard 二 :中 国 铁道 
和 入 语 和 二 加 入 购物 车 





图 14-13 列表 显示 图 书 
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图 书 列表 显示 的 功能 由 函数 DataListBind0 实 现 ， 代 码 如 下 。 


private void DataListBind0 


dl BookByType.DataSource=Product.GetBookByCategory(int.Parse(ViewState["BookTypeld"].ToS 
tringO) ); 


dl BookByType.DataBind(); 
B 


上 述 代 码 保存 在 BookByType.aspx.cs 文 件 中 。 程序 调用 Book 类 中 的 GetBookByCategory 
函数 实现 图 书信 息 获 取 ， 该 函数 具体 内 容 如 下 。 


public static SqlDataReader GetBookByCategory(int BookTypeld ) 
{ 
string strSql; 
strSql="select ProductId,productName, Author, Translator, Press,ProductPrice,CategoryId,Intro= 
'‘&nbsp;&nbsp;'+SUBSTRING(Intro,0,500)+"......",image=case when(not Cover is null) then ' <img src= 
BookCover.aspx?ProductId="+cast(ProductId as varchar(10))+' Border=1 width=70 height=100>' else ' 
<img src=img/pic.jpg border=] width=70 height=100>' end from e BookInfo where CategoryId=" 
+BookTypeld; 
return SqlAccess.ExecuteReader(SqlAccess.CONN_STRING, 
CommandType.Text, strSql): 
} 


程序 中 strSql 字符 串 的 函数 是 ， 从 BookInfo 表 中 选择 各 项 信息 ,满足 类 型 号 等 于 传 出 
的 类 型 号 ， 其 中 的 Image 若 不 为 空 ， 则 调用 BookCover.aspx 页 面 完成 二 进 制 字符 到 图 像 的 
转换 ， 如 果 为 空 则 指向 默认 的 图 片 。 


14.4.4 ”搜索 图 书 





搜索 图 书 的 执行 流程 如 图 14-14 所 示 。 如 图 14-15 所 示 为 图 书 搜索 页 面 设 计 视图 ， 运 
行程 序 后 ， 在 【图 书 名 称 】、【 作 者 】、【 译 者 】、【 出 版 社 】 文 本 框 中 输入 对 应 信息 
选择 图 书 种 类 ， 然 后 单 击 【查找 】 按 钮 以 实现 搜索 功能 。 


Cm 















































2 i 
填写 搜索 关键 字 ”人 依 条 件 查询 
图 书 名 称 : 
由 作者 : 
出 版 社 : 
搜索 成 功 搜索 失败 图 书 类 型 : 未 饰 定 了 
查找 
EN | 
图 14-14 ”搜索 图 书 的 执行 流程 图 14-15 搜索 图 书 

















程序 首先 调用 函数 Search_Click0) 实 现 ， 然后 调用 BookSearchResult 页 面 中 的 Bind0) 函 


数 ， 通 过 Book 类 的 Search 方法 执行 数据 库 操作 命令 。 函 数 SearchBtn_Click 0 代码 如 下 。 








protected void SearchBtn_ Click(object sender, System.EventArgs e) 
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string Name = this.txtName. Text: 
string Author = this.txtAuthor. Text.Trim(); 
string Translator = this.txtTranslator. Text. Trim(); 
string Publisher = this.txtPublisher. Text. Trim(); 
string Typeld = this.ListCat.Items[this.ListCat.SelectedIndex].Value: 
string str = ""; 
if(int.Parse(Typeld)>=0) 
str + 一 "And CategoryId=" + Typeld; 
} 
if(Author.Length>0) 
{ 
str +=" And Author Like '%" + Author + "%"; 


ee 

: str +=" And ProductName Like '%" + Name + "%"; 
Translator Length>0) 

。 str +=" And Translator Like '%" + Translator + "%"; 
a 


} 
Response.Redirect("BookSearchResult.aspx?Condition=" + str); 


str +=" And Press Like '%" + Publisher + "00": 


} 

上 述 代码 保存 在 BookSearch.aspx.cs 文件 中 。 程 序 读 取 用 户 在 各 文本 框 中 输入 的 查询 
信息 ， 组 合成 查询 字符 串 ， 然 后 重 定向 到 BookSearchResult.aspx 文件 ， 并 将 查询 条 件 以 参 
数 Condition 的 形式 传递 给 它 。 图 14-16 所 示 以 列表 的 形式 显示 搜索 结果 。 图 书 具体 搜索 的 
功能 又 函数 Bind0 实 现 。 











3 Dominic 全 自 | 北京 航空 航天 大 | -- 
13 sveetaan | 赵 公 良 | 茜 中 版 福 时 也 ”|55 




















图 14-16 搜索 结果 
函数 Bind0 代 码 如 下 。 


private void BindO 

{ 
DataSet ds = Product.Search(Request["Condition"]); 
/lblmfo.Text = "Total results:" + ds.Tables[0].Rows.Count.ToStringO:; 
this.GridView1.DataSource = ds.Tables[0].DefaultView: 
this.GridView1.DataBind():; 
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上 述 代 码 保 存在 BookSearchResult.aspx.cs 文件 中 ， 其 中 调用 的 Book 类 中 的 Search 方 
法 内 容 如 下 。 
public static DataSet Search(string strCondition) 


{ 
string strSQL = "Select * Frome Bookmfo Where 1=1" + strCondition +" Order by ProductId"; 


Tetum SqlAccess .ExecuteDataset(SqlAccess.CONN STRING, CommandType.Text,strSQL); 
| 


程序 将 查询 结果 以 列表 形式 显示 。 
14.5 ”购物 车 模块 


购物 车 模块 使 用 户 可 以 在 购物 时 ， 随 时 查看 自己 购买 了 多 少 商品 ， 且 可 以 随时 添加 和 
删除 所 购买 的 商品 。 


14.5.1 查看 购物 列表 


查看 购物 列表 的 执行 流程 如 图 14-17 所 示 。 用 户 可 以 通过 单 击 图 书 旁边 的 【加 入 购物 
车 】 按 钮 ， 将 图 书 加 入 购物 车 。 图 14-18 所 示 显 示 了 用 户 购 物 车 ， 具 体 包 括 图 书 编号 、 图 
所 名 称 、 价 格 、 数 量 、 小 计 和 总 计 等 内 容 。 



























































购物 列表 
+ 
更 新 图 书信 息 
保存 结账 
图 14-17 查看 购物 列表 的 执行 流程 图 14-18 查看 购物 列表 


购物 列表 显示 功能 由 函数 ShowShopCart0 实 现 ， 代 码 如 下 。 


void ShowShopCart0 
ShopCart cart = new ShopCartO: 
/ 得 到 用 户 的 购物 车 人 D 
String cartID = cart.GetShoppingCartId(); 
/ 如 果 购物 车 内 没有 商品 ,GridView 隐藏 
if (cart.GetItemCount(cartID) 一 0) 


DetailsPanel.Visible = false; 
MyError.Text = "购物 车 内 没有 商品 。"; 


else 
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/ 绑 定 购物 车 信息 到 GridView 

MyList.DataSource = cart.GetItems(cartID); 

MyList.DataBind(); 

/显示 总 金额 

lblTotal.Text = String. Format( "{0:c}", cartGetTotal(cartID)): 
} 


} 





上 述 代 码 保 存在 MyShopCart.aspx.cs 文 件 中 。 实 例 化 ShopCart 对 象 cart， 调 用 ShopCart 
类 中 的 GetShopCartId 方 法 ， 得 到 cartID。 调 用 GetShopCartCount 方 法 得 到 总 金额 ， 再 调用 
GetShopCartItem 方 法 得 到 购物 车 条 目 。 


14.5.2 ”结账 


用 户 结账 的 执行 流程 如 图 14-19 所 示 。 图 14-20 所 示 为 购物 车 结账 界面 ， 结 账 功能 的 
实现 与 前 面 查看 购物 列表 功能 的 实现 相似 ， 请 读者 参考 上 述 内 容 。 























购物 列表 请 确认 您 提交 的 购物 记录 是 否 正确 
确认 无 误 31 VB.NET 大 学 孝 甜 - 国 尉 版 ¥65.00 1 ¥55.00 
总 计 : 865 要 
提 交 提交 
图 14-19 用 户 结账 的 执行 流程 图 14-20 为 购物 车 结账 界面 


14.6 ”订单 管理 模块 


凡是 网 上 购物 ， 就 必须 下 订单 。 订 单 是 观察 所 购买 商品 的 一 个 预览 表格 ， 这 里 可 以 显 
示 你 所 买 的 商品 、 价 格 和 日 期 等 。 


14.6.1 客户 订单 管理 


查询 用 户 信息 的 执行 流程 如 图 14-21 所 示 。 如 图 14-22 所 示 为 客户 所 提交 的 订单 ， 包 
括 订单 号 、 订 单 时 间 、 订 单 总 额 等 信息 。 
客户 订单 浏览 功能 在 函数 Page Load0 中 实现 ， 代 码 如 下 。 


protected void Page_Load(object sender, System .EventArgs e) 
过 

if (!Page.IsPostBack) 

// ShowMenu(): 
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订单 列表 
7 2015/2/10 ¥111.00 到 网 
| 2015/2/10 ¥111.00 去 和 
i 9 2015/2/10 ¥188.00 一: 
订单 细节 查询 10 2015/2/10 ¥50.00 坦 迪 
图 14-21 查询 用 户 信息 的 执行 流程 图 14-22 客户 订单 浏览 
1 


string userID = User.Identity.Name: 
Orders orderHistory = new Orders(); 
MyList.DataSource = orderHistory.GetOrderList(userID); 
MyList.DataBind(): 
if (MyList.Rows.Count — 0) 
MyList.Visible = false; 
MyEmor.Text = "您 没有 订单 记录 "; 


} 


上 述 代码 保存 在 MyOrder.aspx.cs 文件 中 。 首 先 读 取 当 前 用 户 ID 赋值 给 userID， 再 实 
例 化 为 Orders 类 , 通过 调用 Orders 类 中 的 GetOrderList 函数 得 到 用 户 订单 信息 并 传 给 列表 
显示 。 单 击 【 查 询 】 链 接 可 以 查看 具体 某 条 订单 细节 ， 界 面 如 图 14-23 所 示 。 


您 的 订单 号 是 : 7 
订单 日 期 为 : 2015/2/10 





27 XMLSJAVA 各 序 设计 大 全 ¥46.00 1 


¥46.00 
¥65.00 





31 VB.NET 大 学 竹 程 -国际 版 ¥65.00 1 

















总 计 : 11.00 
图 14-23 ”客户 订单 细节 浏览 
14.6.2 ”管理 员 订 单 管理 


订单 管理 的 执行 流程 如 图 14-24 所 示 。 图 14-25 所 示 为 管理 员 显示 了 全 部 客户 已 经 提 
交 的 订单 ， 该 页 面 提 供 了 有 具体 订单 浏览 及 订单 处 理 的 功能 。 
























































订单 列表 管理 订单 
您 共有 4 条 订单 。 
2 订单 号 码 订单 时 间 天 态 
+ 和 芝 2015/2/10 15:06:20 2 已 处 理 v 
订单 细节 查看 订单 处 理 

] a 015/2/10 15:06:36 2 已 处 理 vv 
a 2015/2/10 15:07:17 2 已 处 理 v 
保存 uw 2015/2/10 15:07:33 2 未 处 理 vv 














图 14-24 订单 管理 的 执行 流程 图 14-25 管理 员 订单 浏览 
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客户 订单 显示 的 功能 在 函数 Bind0 中 实现 ， 代 码 如 下 。 


private void Bind0 
{ 

try 

kK 


Orders orders = new Orders (); 
DataSet ds =orders.GetAllOrder():; 
//ds.Tables[0].DefaultView.Sort = ViewState["Sort"].ToString0; 
this.GridView1.DataSource = ds.Tables[0].DefaultView: 
this.GridView1.DataBind(); 
this.Message.Text= "您 共有 "+ ds.Tables[0].Rows.Count.ToString() +" 条 订单 。"; 

} 

catch 

二 
this.Message.Text=" 发 生 错 误 。"; 

} 

} 


上 述 代码 保存 在 ManOrder.aspx.cs 文件 中 ， 首 先 实例 化 Orders 对 象 ， 然 后 通过 协调 
Orders 类 的 GetAllOrder 方法 获得 全 部 订单 信息 ， 并 在 列表 中 显示 。 

该 页 面 还 为 管理 者 提供 了 订单 处 理 的 功能 , 在 函数 GridView1l_EditCommandO 中 实现 ， 
代码 如 下 。 


protected void GridView1l_EditCommand(object source, GridViewEditEventArgs e) 


{ 
try 
i 
string oid = this.GridView1.DataKeys[e.NewEditIndex].ToString(O; 
Orders orders = new Orders (; 
orders.DealOrder(o0id):; 
Bind0; 
} 
catch 
人‘ 
Message.Text = "发 生 错 误 "; // 提 示 失 败 
) 
} 


上 述 代码 首先 实例 化 Orders 对 象 ， 再 调用 Orders 类 的 DealOrder 方法 对 所 选择 订单 进 
行 处 理 ， 列 表 中 相关 信息 显示 为 “已 处 理 ”。 





14.7 后 台 管 理 模块 


后 台 管 理 模块 包含 查询 用 户 信息 和 查询 销售 信息 ， 可 以 通过 查询 用 户 信息 来 增加 管 
员 ， 通 过 查询 销售 信息 从 总 体 上 了 解 图 书 销售 数量 及 金额 。 
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14.7.1 查询 用 户 信 息 





查询 用 户 信息 的 执行 流程 如 图 14-26 所 示 。 如 图 14-27 所 示 为 管理 员 提 供 了 用 户 列表 
显示 及 角色 管理 的 功能 。 

































































用 户 列表 
信息 显示 角色 修改 
J 1 Landy 兰 于 得 理 丙 Landy@163.com 
2 bao2 兰 这 2 轩 户 Landy@163.com 
保存 5 bao3 兰 过 3 时 户 Landy@123.com 
图 14-26 ”查询 用 户 信息 的 执行 流程 图 14-27 用 户 管理 
角色 管理 功能 由 函数 GridUsers_UpdateCommand() 实 现 ， 代 码 如 下 。 


protected void GridUsers_ UpdateCommand(object source, GridViewUpdateEventArgs e) 
L 
string role = 
((TextBox)GridUsers.Rows[e.RowIndex].FindControl("Role")). Text.Trim(); 


// 获 得 要 更 改 的 用 户 的 UserId 
int userId = Convert.ToImt32(GridUsers.DataKeys[eRowIndex]); 
AdminDB admin = new AdminDB():; 
admin.UpdateUserRole(role, userId.ToStringO); 
// 退 出 编辑 状态 
GridUsers.EditIndex = -1; 
// 绑 定 
BindGrid0; 
) 


上 述 代 码 保存 在 ManUser.aspx.cs 文件 中 ， 首 先 实例 化 Admin 对 象 ， 再 调用 Admin 类 
中 的 UpdateUserRole 方法 完成 用 户 角 色 更 改 。 


14.7.2 ”查询 销售 情况 


查询 销售 情况 的 执行 流程 如 图 14-28 所 示 。 图 14-29 所 示 的 查询 销售 情况 页 面 为 管理 
员 提 供 了 按 月 、 日 查询 图 书 销售 种 类 、 数 量 、 金 额 的 功能 。 
查询 销售 情况 的 功能 主要 由 函数 BindGrid0 实 现 ， 代 码 如 下 。 
void BindGrid(string year, string month, string day) 
GridSails.DataSource = new AdminDB().GetSails(year, month, day):; 
GridSails.DataBind(); 
| 


上 述 代码 保存 在 ManSales.aspx.cs 文件 中 , 其 中 Admin 类 中 的 GetSails 方法 内 容 如 下 。 
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public DataSet GetSails(string year, string month, string day) 
查询 销售 信息 
[tv 年 2 v 月 mv8 
| 坦 询 月 销售 情况 | | 查询 日 销售 情况 

























































































1 2 
中 31 VB.NET 文 闻 孝 各- 国 慰 版 昌 65 
29 Java 与 CORBA 容 户 / 避 务 大 流程 (第 二 乱 )1CD 1 1 59 
填写 时 间 30 VB.NET 写 务 处 于 高 法 编程 1 1 52 
数据 不 为 空 数据 为 补 26 Cz 行家 设计 手 这 1 1 50 
27 XML 与 ]AVA 程 序 设计 大 全 1 1 46 
显示 查询 数据 提示 结果 为 空 2 : -一 全 
图 14-28 查询 销售 情况 的 执行 流程 图 14-29 查询 销售 情况 





{ 

SqlParameter[] para = {new SqlParameter("(@year", int.Parse(year)),new SqlParameter("(Wmonth", 
int.Parse(month)),new SqlParameter("@day", int.Parse(day)) }; 

Tetum SqlAccess.ExecuteDataset(SqlAccess.CONN_STRING, CommandType.StoredProcedure, 
"GetSails", para); 

| 

上 述 代码 首先 接受 传 入 的 参数 月 、 日 、 年 ， 然 后 执行 GetSails 存储 过 程 得 到 查询 的 销 
售 情况 。 


14.8 ”技术 亮点 


章 为 读者 介绍 了 电子 商务 网 站 开发 过 程 中 表示 层 、 商 务 罗 辑 层 和 数据 访问 层 的 设计 
结构 。 
网 上 书店 的 难点 在 于 程序 的 流程 ， 本 章 通 过 介绍 网 站 的 各 项 功能 ， 清 晰 简洁 地 展现 了 
网 上 书店 的 开发 流程 ， 这 一 流程 可 以 应 用 于 各 类 网 上 购物 系统 ,如 网 上 花 店 、 网 上 商店 等 。 
在 图 书信 息 添 加 、 显 示 模 块 中 ， 以 二 进 制 格式 上 传 、 下 载 图 片 文件 ， 是 ASPNET 的 
-个 技术 难点 ， 也 是 网 站 开发 中 的 一 个 重点 。 这 其 中 应 用 了 文件 对 象 操作 ， 相 应 部 分 的 代 
码 可 以 在 其 他 程序 中 重复 应 用 。 
GridView 控件 、DataList 控件 和 Repeater 控件 的 使 用 , 使 数据 显示 和 更 新 更 加 多 样 化 、 
灵活 化 、 丰 富 化 。 


14.9 本 章 小 结 





本 章 介绍 了 目前 互联 网 中 比较 经 典 的 电子 商务 网 站 一 一 网 上 书店 系统 ， 其 中 实现 了 用 
户 注册 、 登 录 、 个 人 信息 修改 、 图 书信 息 管 理 、 购 物 车 管理 、 订 单 管理 、 销 售 查 询 等 功能 。 
这 些 功 能 是 网 上 购物 系统 中 不 可 缺少 的 部 分 。 本 章 较 详细 地 介绍 了 实现 各 项 功能 的 商务 逻 
辑 层 和 数据 访问 层 的 代码 ， 并 做 了 相应 注释 和 讲解 。 表 现 层 和 数据 层 的 详细 内 容 请 读者 参 
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考 光 盘 中 的 源 程序 。 
14.10 思考 与 练习 


1. 互联 网 中 国内 比较 知名 的 网 上 书店 有 哪些 ? 
2. 对 1 题 中 的 网 上 书店 的 分 类 进行 调研 。 
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